suchen

Heim >Web-Frontend >js-Tutorial >Teilen Sie den Unterschied zwischen Eltern und Eltern in JQuery

Teilen Sie den Unterschied zwischen Eltern und Eltern in JQuery

黄舟
黄舟Original
2017-06-23 15:32:481682Durchsuche

Es ist ersichtlich, dass der Wert von parent das übergeordnete Element des aktuellen Elements ist. Beispiele sind unten aufgeführt: 

<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() erhält p2, p3, p4
$('p').parent(' .a') erhält p3
$('p').parent().parent() erhält p1, was ziemlich seltsam ist, aber JqueryObjectDie Eigenschaften selbst bestimmen, dass dies der Fall ist machbar.
$('p').parents() ruft p1, p2, p3, p4 ab
$('p').parents('.a') ruft p3 ab
parent (exp) Verwendung: Get ein Elementsatz, der das eindeutige übergeordnete Element aller übereinstimmenden Elemente enthält. 

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

Unter ihnen:
this.parent() ist das td vor der Eingabe
this.parent().parent() erhält tr
this.parent() .parent ().parent() erhält Tabelle
this.parent().next() erhält td
neben td. Im Beispiel: 

<p><p>Hello</p><p>Hello</p></p>

$( " p").parent() erhält: e388a4556c0f65e1904146cc1a846beee388a4556c0f65e1904146cc1a846beeHello94b3e26ee717c64999d7867364b1b4a3e388a4556c0f65e1904146cc1a846beeHello94b3e26ee717c64999d7867364b1b4a394b3e26ee717c64999d7867364b1b4a3-Objekt, da das übergeordnete Tag des p-Tags p

Bei der Verwendung von jquerys parent()

Ich bin heute auf ein interessantes Problem gestoßen. Über diese beiden Funktionen kann ein Objekt gefunden werden , auch als Jquery-Selektor bekannt. Zum Beispiel: 

<body>
<div id="one">
<div id="two">hello</div>
<div id="three">
<p>
<a href="#">tonsh</a>
</p>
</div>
</div>
$("a").parent() erhält das übergeordnete Objekte388a4556c0f65e1904146cc1a846bee

$("a").parents() erhält das übergeordnete Objekt00cdd74976f45d3c7ac132ec48f75e9bdd1ad21d926ab3d81e0b74863b822d1b
$("a").parents().filter("div") erhält dc0c0bf950c16358990a944092168089dd1ad21d926ab3d81e0b74863b822d1b, das ist auch möglich als $("a").parents("div") geschrieben werden.
Wenn Sie das 0d2b8ff6d648b89a944975f20a7117fa-Objekt möchten, können Sie es wie folgt schreiben: $("a").parents("div:eq(0)").
Was soll ich tun, wenn der Inhalt in 0d2b8ff6d648b89a944975f20a7117fa erscheint, wenn ich auf den Link 3499910bf9dac5ae3c52d5ede7383485 klicke? 

var id=$("a").parents("div:eq(1)").children("div:eq(0)").html(); 
alert(id);


Das obige ist der detaillierte Inhalt vonTeilen Sie den Unterschied zwischen Eltern und Eltern in JQuery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：Der Unterschied zwischen jQuery-Selektoreingabe und :inputNächster Artikel：Der Unterschied zwischen jQuery-Selektoreingabe und :input

In Verbindung stehende Artikel

Mehr sehen