jqueryで親と親の違いを共有する-jsチュートリアル-php.cn

jqueryで親と親の違いを共有する

黄舟

リリース： 2017-06-23 15:32:48

オリジナル

1680 人が閲覧しました

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

<p id=&#39;p1&#39;>
<p id=&#39;p2&#39;><p></p></p>
<p id=&#39;p3&#39; class=&#39;a&#39;><p></p></p>
<p id=&#39;p4&#39;><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() 取得:

Hello

オブジェクト、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() は親オブジェクトを取得します

$("a").parents() は親オブジェクトを

$("a").parents().filter("div") はを取得します。これは $("a" と書くこともできます) ). 親("div")。
オブジェクトが必要な場合は、$("a").parents("div:eq(0)") のように記述できます。
をクリックするとのコンテンツが表示される場合はどうすればよいですか?

りー

以上がjqueryで親と親の違いを共有するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。