jquery獲取祖先元素的方法：使用方法【parent(exp)】，取得一個(gè)包含著所有匹配元素的唯一父元素的元素集合，代碼為【alert($(this).parent().next().html())】。

• 該方法適用于所有品牌電腦
  

jquery獲取祖先元素的方法：

parent是找當(dāng)前元素的第一個(gè)父節(jié)點(diǎn)，parents是找當(dāng)前元素的所有父節(jié)點(diǎn)

先說(shuō)一下parent和parents的區(qū)別

從字面上不難看出

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

• parents則是取得一個(gè)包含著所有匹配元素的祖先元素的元素集合（不包含根元素）?？梢酝ㄟ^(guò)一個(gè)可選的

表達(dá)式進(jìn)行篩選。

可以看出parent的取值很明確，就是當(dāng)前元素的父元素；parents則是當(dāng)前元素的祖先元素。下面列出例子

說(shuō)明：

<div id='div1'> <div id='div2'><p></p></div> <div id='div3' class='a'><p></p></div> <div id='div4'><p></p></div> </div>

• $('p').parent()取到的是div2,div3,div4

• $('p').parent('.a')取到的是div3

• $('p').parent().parent()取到的是div1，這點(diǎn)比較奇特；不過(guò)Jquery對(duì)象本身的特點(diǎn)決定了這是可行的

• $('p').parents()取到的是div1,div2,div3,div4

• $('p').parents('.a')取到的是div3

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

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

相關(guān)免費(fèi)學(xué)習(xí)推薦：javascript（視頻）