jqueryで先祖要素を取得する方法

先祖要素を取得するための Jquery メソッド: メソッド [parent(exp)] を使用して、一致するすべての要素の一意の親要素を含む要素コレクションを取得します。コードは [alert($(this).parent( )) .next().html())]。

このチュートリアルの動作環境: Windows7 システム、jquery バージョン 1.2.6. この方法は、すべてのブランドのコンピューターに適しています。

先祖要素を取得するための Jquery メソッド:

parent は現在の要素の最初の親ノードを検索し、parents は現在の要素のすべての親ノードを検索します。

まず、親と親の違いについて話しましょう

#文字通り見るのは難しくありません

• #parent は、親を取得することを指します一致するすべての要素を含むリスト 一意の親要素が次の要素である要素のコレクション

• parents は、一致するすべての要素 (ルート要素を除く) の祖先要素を含む要素セットを取得します。オプションの

式でフィルタリングできます。

parent の値は非常に明確であり、現在の要素の親要素であり、parent は現在の要素の祖先要素であることがわかります。例

を以下に示します。

<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

使用法: A コレクションを取得します一致するすべての要素の一意の親要素を含む要素の数。

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