Heim > Web-Frontend > js-Tutorial > So erhalten Sie Vorfahrenelemente in JQuery

So erhalten Sie Vorfahrenelemente in JQuery

coldplay.xixi
Freigeben: 2020-11-30 10:19:45
Original
2463 Leute haben es durchsucht

So erhalten Sie Vorfahrenelemente in jquery: Verwenden Sie die Methode [parent(exp)], um einen Elementsatz zu erhalten, der das eindeutige übergeordnete Element aller übereinstimmenden Elemente enthält. Der Code lautet [alert($(this).parent().next () .html())].

So erhalten Sie Vorfahrenelemente in JQuery

Die Betriebsumgebung dieses Tutorials: Windows7-System, JQuery-Version 1.2.6. Diese Methode ist für alle Computermarken geeignet.

Die JQuery-Methode zum Abrufen von Vorfahrenelementen:

parent dient dazu, den ersten übergeordneten Knoten des aktuellen Elements zu finden, und parent dient dazu, alle übergeordneten Knoten des aktuellen Elements zu finden.

Lassen Sie uns zunächst über den Unterschied zwischen übergeordneten Elementen sprechen und Eltern

Im wahrsten Sinne des Wortes nicht. Es ist schwer zu erkennen, dass

  • parent sich darauf bezieht, einen Satz von Elementen zu erhalten, der das eindeutige übergeordnete Element aller übereinstimmenden Elemente enthält. parent是指取得一个包含着所有匹配元素的唯一父元素的元素集合。

  • parents则是取得一个包含着所有匹配元素的祖先元素的元素集合(不包含根元素)。可以通过一个可选的

表达式进行筛选。

可以看出parent的取值很明确,就是当前元素的父元素;parents则是当前元素的祖先元素。下面列出例子

说明:

<div id=&#39;div1&#39;>
<div id=&#39;div2&#39;><p></p></div>
<div id=&#39;div3&#39; class=&#39;a&#39;><p></p></div>
<div id=&#39;div4&#39;><p></p></div>
</div>
Nach dem Login kopieren
  • $(&#39;p&#39;).parent()取到的是div2,div3,div4

  • $(&#39;p&#39;).parent(&#39;.a&#39;)取到的是div3

  • $(&#39;p&#39;).parent().parent()取到的是div1,这点比较奇特;不过Jquery对象本身的特点决定了这是可行的

  • $(&#39;p&#39;).parents()取到的是div1,div2,div3,div4

  • $(&#39;p&#39;).parents(&#39;.a&#39;)取到的是div3

parent(exp)

parents erhält einen Elementsatz, der die Vorgängerelemente aller übereinstimmenden Elemente (mit Ausnahme des Wurzelelements) enthält. Kann durch einen optionalen

-Ausdruck gefiltert werden. Es ist ersichtlich, dass der Wert von parent das übergeordnete Element des aktuellen Elements ist; parent ist das Vorgängerelement des aktuellen Elements. Beispiele sind unten aufgeführt. Erklärungen: 'p').parent('.a')Das Ergebnis ist div3

🎜$('p').parent().parent() Was ist erhalten ist div1, was ziemlich seltsam ist; die Eigenschaften des Jquery-Objekts selbst bestimmen jedoch, dass dies machbar ist🎜🎜🎜$('p').parents() Es ist div1 , div2, div3, div4🎜🎜🎜$('p').parents('.a')Das erhaltene ist div3🎜 🎜🎜 parent(exp) Verwendung: 🎜Erhalten Sie einen 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>
Nach dem Login kopieren
🎜🎜Verwandte kostenlose Lernempfehlungen: 🎜Javascript🎜(Video)🎜🎜

Das obige ist der detaillierte Inhalt vonSo erhalten Sie Vorfahrenelemente in JQuery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage