parents

English ['pe?r?nts] US ['pe?r?nts]

n.Parents (nom pluriel de parent)

méthode jquery parents() syntaxe

Fonction?: parents() obtient les éléments ancêtres de chaque élément dans l'ensemble actuel d'éléments correspondants. Le filtrage avec un sélecteur est facultatif. P grammaire : a.parents (Selector)

Paramètre :

Paramètre Description valeur de cha?ne, y compris l'expression du sélecteur pour les éléments correspondants. Explication : étant donné un objet jQuery représentant une collection d'éléments DOM, la méthode .parents() permet de rechercher les éléments ancêtres de ces éléments dans l'arborescence DOM et de les ranger par ordre croissant à partir du plus proche. élément parent Construit un nouvel objet jQuery pour les éléments correspondants. Les éléments sont renvoyés dans l'ordre du parent le plus proche vers l'extérieur. La méthode .parents() est similaire à la méthode .parent(), sauf que cette dernière parcourt un seul niveau dans l'arborescence DOM. Cette méthode accepte une expression de sélection facultative du même type que l'argument que nous avons passé dans la fonction $(). Si ce sélecteur est appliqué, les éléments seront filtrés en testant s'ils correspondent au sélecteur.
Selector

méthode jquery parents() exemple

<!DOCTYPE html>
<html>
<head>
  <style>
  b, span, p, html body {
    padding: .5em;
    border: 1px solid;
  }
  b { color:blue; }
  strong { color:red; }
  </style>
  <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
</head>

<body>
  <div>
    <p>
      <span>
        <b>我的父元素是：</b>
      </span>
    </p>
  </div>

<script>
var parentEls = $("b").parents()
            .map(function () { 
                  return this.tagName; 
                })
            .get().join(", ");
$("b").append("<strong>" + parentEls + "</strong>");
</script>

</body>
</html>
Exécuter l'instance ?

Cliquez sur le bouton ??Exécuter l'instance?? pour afficher l'instance en ligne