關于Jquery的parent和parents

parent是指取得一個包含著所有匹配元素的唯一父元素的元素集合。

parents則是取得一個包含著所有匹配元素的祖先元素的元素集合(不包含根元素)。可以通過一個可選的表達式進行篩選。

可以看出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

parent(exp)用法:取得一個包含著所有匹配元素的唯一父元素的元素集合。

$(document).ready(function()?{

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

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

});

});

some?text

....

其中：

this.parent()是input前面的td

this.parent().parent()獲取的是tr

this.parent().parent().parent()獲取的是table

this.parent().next()獲取的是td相臨的td

另例子中：

Hello

Hello

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

Hello

Hello

對象，因為p標簽的父標簽是div.

jquery的parents()使用

今天遇到一個有意思的問題，jquery有兩個函數parent()和parents().通過這兩個函數可以找到一個對象的父對象，又稱作jquery的選擇器。舉個例子：

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);

總結

以上是生活随笔為你收集整理的jquery找祖先包含_Jquery的parent和parents(找到某一特定的祖先元素)的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。