ホームページ > ウェブフロントエンド > jsチュートリアル > jqueryで親と親の違いを共有する

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

黄舟
リリース: 2017-06-23 15:32:48
オリジナル
1659 人が閲覧しました

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 サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート