Teilen Sie den Unterschied zwischen Eltern und Eltern in JQuery-js-Tutorial-php.cn

Teilen Sie den Unterschied zwischen Eltern und Eltern in JQuery

黄舟

Freigeben： 2017-06-23 15:32:48

Original

1661 Leute haben es durchsucht

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>

Nach dem Login kopieren

$('p').parent() erhält p2, p3, p4
$('p').parent(' .a') erhält p3
$('p').parent().parent() erhält p1, was ziemlich seltsam ist, aber Jquery ObjectDie 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>

Nach dem Login kopieren

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>

Nach dem Login kopieren

$( " p").parent() erhält: HelloHello-Objekt, da das übergeordnete Tag des p-Tags p< 🎜 ist >

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>

Nach dem Login kopieren

$("a").parent() erhält das übergeordnete Objekt

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

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

Nach dem Login kopieren

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!