Question

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

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.
});
});
请问，怎么获取这两个值....

Answer 1

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、效果演示

Answer 2

1、获取本身的文本：$(this).text();
2、获取li的name属性值：$(this).parent().parent().attr("name");