ホームページ >ウェブフロントエンド >jsチュートリアル >jqueryで親と親の違いを共有する
jqueryで親と親の違いを共有する
- 黄舟オリジナル
- 2017-06-23 15:32:481689ブラウズ
parent の値は非常に明確であり、現在の要素の親要素であり、parent は現在の要素の祖先要素であることがわかります。例を以下に示します。
<p id='p1'> <p id='p2'><p></p></p> <p id='p3' class='a'><p></p></p> <p id='p4'><p></p></p> </p>
$('p').parent() は p2、p3、p4 を取得します
$('p').parent('.a') は p3
$('p') を取得します。 parent().parent() は p1 を取得しますが、これはかなり奇妙ですが、Jqueryオブジェクト 自体の特性により、これが実行可能であることが決まります。
$('p').parents() は p1、p2、p3、p4 を取得します
$('p').parents('.a') は p3
parent(exp) を取得します 使用法: Get一致するすべての要素の一意の親要素。
<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>
</head>
<body>
<table>
<tr>
<td><input id="btn1" class="btn" type="button" value="test" /></td>
<td>some text</td>
</tr>
</table>その中には:
this.parent() は input の前の TD です
this.parent().parent() は tr
this.parent().parent() を取得します
this を取得します。 parent().next() は td の隣の td を取得します
例:
<p><p>Hello</p><p>Hello</p></p>
$("p").parent() 取得: e388a4556c0f65e1904146cc1a846beee388a4556c0f65e1904146cc1a846beeHello51a2c22a8840b5b48153ef7c835affbd94b3e26ee717c64999d7867364b1b4a3 オブジェクト、p タグの親タグは p
jquery のparents() を使用します
今日、興味深い問題に遭遇しました。jquery には 2 つの関数parent () とparents(これら 2 つの関数を通じて、jquery のセレクターとしても知られるオブジェクトの親オブジェクトを見つけることができます。例:
<body> <div id="one"> <div id="two">hello</div> <div id="three"> <p> <a href="#">tonsh</a> </p> </div> </div>
$("a").parent() は親オブジェクトを取得しますe388a4556c0f65e1904146cc1a846bee
$("a").parents() は親オブジェクトをe388a4556c0f65e1904146cc1a846bee6bc63c56083e5e639b5dbf7bdae19973
$("a").parents().filter("div") は 82d73c56e304511d471b19fa5c87f105 オブジェクトが必要な場合は、$("a").parents("div:eq(0)") のように記述できます。
3499910bf9dac5ae3c52d5ede7383485 をクリックすると 0d2b8ff6d648b89a944975f20a7117fa のコンテンツが表示される場合はどうすればよいですか?
以上がjqueryで親と親の違いを共有するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。