Maison > interface Web > js tutoriel > Comment trouver la balise parent en javascript

Comment trouver la balise parent en javascript

青灯夜游
Libérer: 2021-10-19 17:32:40
original
7548 Les gens l'ont consulté

Comment trouver la balise parent dans JS : 1. Utilisez l'attribut parentNode, la syntaxe est "child element object.parentNode" ; 2. Utilisez la méthode parent() ou parents() dans Jquery, la syntaxe est "child element object.parentNode" ; object.parent()" ou "ChildElementObject.parents()".

Comment trouver la balise parent en javascript

L'environnement d'exploitation de ce tutoriel : système windows7, version javascript1.8.5&&jquery2.1.1, ordinateur Dell G3.

Les méthodes pour trouver le nœud de l'élément parent sont :

1. Méthode native - attribut parentNode

L'attribut parentNode peut renvoyer le nœud parent d'un nœud.

元素.parentNode //返回元素的第一个父节点
Copier après la connexion

2. Méthode Jquery (pensez à importer le package)

  • Element.parent() Renvoie le premier nœud parent de l'élément元素.parent() 返回元素的第一个父节点

  • 元素.parents()

Element.parents () Renvoie un tableau contenant tous les nœuds parents de l'élément

Voici un exemple :

<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
</head>
<body>
<div><span><a id="a"></a></span></div>
<script src="jquery-2.1.1.min.js"></script>
<script>
    //原生的方法
    document.getElementById(&#39;a&#39;).parentNode //得到<span>节点
    //也可以这么玩
    document.getElementById(&#39;a&#39;).parentNode.parentNode //得到<div>节点
 
    //Jquery的方法  记得导包哦
    $(&#39;#a&#39;).parent();//得到<span>节点
    $(&#39;#a&#39;).parent().parent();//得到<div>节点
    $(&#39;#a&#39;).parents();//得到所有父级节点   <span> ,<div> ,<body> ,<html>
    $(&#39;#a&#39;).parents(&#39;body&#39;);//得到<body>节点
</script>
</body>
</html>
Copier après la connexion
[Apprentissage recommandé :🎜Tutoriel avancé javascript🎜]🎜

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal