jquery找祖先包含_Jquery的parent和parents(找到某一特定的祖先元素)用法

$("p").parent();            //取得的是div2、div3、div4

$('p').parent('.a');        //取得是div3

$('p').parent().parent();   //取得是div1(这点比较奇特，不过Jquery对象本身的特点决定了这是可行的)

$('p').parents();           //取得的是div1、div2、div3、div4

$('p').parents('.a');       //取得的是div3

some text

$(function(){

$("#btn1").click(function(){

alert($(this).parent().next().html());

});

});

打印结果：some text

其中：

1、this.parent() 获取的是input前面的td；

2、this.parent().parent() 获取的是tr；

3、this.parent().parent().parent() 获取的是table；

4、this.parent().next() 获取的是input前面的td相邻的另一个td。

另一个例子中：

Hello

Hello

$('p').parent() 得到的是：

Hello

Hello

对象，因为p标签的父标签是div

有关parents

hello

tonsh

$("a").parent() 将会得到父对象

$("a").parents()  得到父对象

$("a").parents().filter("div") 将得到

还可以写成$("a").parents("div")。

如果想得到

对象可以写成这样：$("a").parents("div:eq(0)")。

如果点击链接时弹出中的内容该怎么办？

var id=$("a").parents("div:eq(1)").children("div:eq(0)").html();

alert(id);