jquery选择一元素的父类元素的写法

Posted 2023-03-19

html代码如下 :
<li name='acq'>
<div class="contact">
<a href="">
<?php echo $a?>
</a>
</div>
</li>
<li name="imp">
同上面...
....
</li>
js代码:
$(document).ready(function()
$(".contact a").dblclick(function()

在这里，想获得
1 contact a 的值,就是$a。
2 包含contact的li的name属性的值，如第一个li是acq,第二个li是imp.
);
);
请问，怎么获取这两个值....

jquery提供了parent()方法获得当前匹配元素集合中每个元素的父元素，例如

$("p").parent(".selected");    // 查找每个段落的带有 "selected" 类的父元素：

实例演示如下:

1、HTML结构

<li name="li-1"><a href="#">第1个超链接</a></li>
<li name="li-2"><a href="#">第2个超链接</a></li>
<li name="li-3"><a href="#">第3个超链接</a></li>
<li name="li-4"><a href="#">第4个超链接</a></li>

2、jquery代码

$(function()
$("a").click(function() 
var str = $(this).parent("li").attr("name");
alert(str);
);
);

3、效果演示

参考技术A 1、获取本身的文本：$(this).text();
2、获取li的name属性值：$(this).parent().parent().attr("name");本回答被提问者采纳

jquery如何获得父级的父级元素？

参考技术A 你这里有2个p元素。不太合理。

如要获得父级的父级点两次不就可以了么？

parent()两次啊。。首先获得p的父div在获得div的父级外层的div。这样问题很明显啊。 参考技术B parent()是
父元素
就一个，你要选取class=x的元素,就是第一个p元素的父元素的父元素：
$("p:eq(0)").parent().parent().css("background",
"yellow");
或者p元素父元素的父元素类为x的元素：
$("p").parent().parent(".x").css("background",
"yellow");
或者p元素祖先元素(祖先就很多个了)中类为x的元素:
$("p").parents(".x").css("background",
"yellow");