jquery如何取得祖先元素

jquery取得祖先元素的方法：使用方法【parent(exp)】，取得一個包含所有符合元素的唯一父元素的元素集合，程式碼為【alert($(this).parent() .next().html())】。

本教學操作環境：windows7系統、jquery1.2.6版，此方法適用於所有品牌電腦。

jquery取得祖先元素的方法：

parent是找出目前元素的第一個父節點，parents是找目前元素的所有父節點 

#先說一下parent和parents的區別 

從字面上不難看出

• #parent是指取得一個包含所有符合元素的唯一父元素的元素集合。

• parents則是取得一個包含所有符合元素的祖先元素的元素集合（不包含根元素）。可以透過一個可選的

表達式進行篩選。

可以看出parent的取值很明確，就是目前元素的父元素；parents則是目前元素的祖先元素。以下列出範例

說明：

<div id=&#39;div1&#39;>
<div id=&#39;div2&#39;><p></p></div>
<div id=&#39;div3&#39; class=&#39;a&#39;><p></p></div>
<div id=&#39;div4&#39;><p></p></div>
</div>

• $('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)用法：取得一個包含所有符合元素的唯一父元素的元素集合。

<script src="jquery-1.2.6.min.js" type="text/javascript"></script>
<script type="text/javascript"> 
    $(document).ready(function() {
        $("#btn1").click(function(){
        alert($(this).parent().next().html());
       });
    });
</script>

相關免費學習推薦：

javascript（影片）

以上是jquery如何取得祖先元素的詳細內容。更多資訊請關注PHP中文網其他相關文章！