Comment obtenir des éléments ancêtres dans jquery

Comment obtenir des éléments ancêtres dans jquery : utilisez la méthode [parent(exp)] pour obtenir un ensemble d'éléments contenant l'élément parent unique de tous les éléments correspondants. Le code est [alert($(this).parent. ()) .next().html())].

L'environnement d'exploitation de ce tutoriel : Système Windows 7, jquery version 1.2.6 Cette méthode convient à toutes les marques d'ordinateurs.

Méthode Jquery pour obtenir les éléments ancêtres :

parent doit trouver le premier nœud parent de l'élément actuel, et parents doit trouver tous les nœuds parents de l'élément actuel élément

Parlons d'abord de la différence entre parent et parents

Ce n'est pas difficile à voir littéralement

• parent fait référence à l'obtention d'un parent unique élément qui contient tous les éléments correspondants, collection d'éléments.

• parents obtient un ensemble d'éléments qui contient les éléments ancêtres de tous les éléments correspondants (à l'exclusion de l'élément racine). Peut être filtré par une expression facultative

.

On peut voir que la valeur de parent est très claire, qui est l'élément parent de l'élément actuel ; parents est l'élément ancêtre de l'élément actuel. Des exemples

sont répertoriés ci-dessous :

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

• $('p').parent() obtient div2, div3, div4

• $('p').parent('.a')Qu'est-ce que obtenu est div3

• $('p').parent().parent()Ce qui est obtenu est div1, ce qui est plutôt étrange cependant, les caractéristiques de l'objet Jquery lui-même déterminent que cela est réalisable

• $('p').parents() Ce que nous obtenons est div1, div2, div3, div4

• $('p').parents('.a') Ce que nous obtenons est div3

parent(exp)Utilisation : Obtient un ensemble d'éléments contenant l'élément parent unique de tous les éléments correspondants.

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

Recommandations d'apprentissage gratuites associées : javascript (vidéo)

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!