Méthode jquery nextUntil()


  Résultats de traduction:

suivant

Anglais [nekst] US [nɛkst]

adj. Immédiatement derrière; à côté de n. Suivant; Jusqu'à..., avant... ; pas avant...

Méthode jquery nextUntil()syntaxe

Fonction : nextUntil() récupère tous les éléments frères suivants de chaque élément, mais n'inclut pas les éléments correspondant aux sélecteurs, aux nœuds DOM ou aux objets jQuery passés.

Syntaxe 1 : .nextUntil(sélecteur,filtre)

Paramètres :

Paramètre Description
sélecteur Valeur de chaîne contenant des instructions pour arrêter la correspondance après l'expression du sélecteur pour le frère ou la sœur éléments.
filter Valeur de chaîne contenant l'expression du sélecteur utilisée pour correspondre à l'élément.

Syntaxe 2 : .nextUntil(element,filter)

Paramètres :

ParamètresDescription
element Indique où arrêter la correspondance des éléments frères suivants du nœud DOM ou un objet jQuery.
filter Valeur de chaîne contenant l'expression du sélecteur utilisée pour correspondre à l'élément.

Explication : Si un objet jQuery représentant une collection d'éléments DOM est donné, la méthode .nextUntil() nous permet de rechercher des éléments frères qui suivent les éléments dans l'arborescence DOM lorsque nous rencontrons les éléments frères qui. correspondent aux paramètres de cette méthode. La recherche s'arrête lorsqu'un élément est trouvé. Le nouvel objet jQuery renvoyé contient tous les éléments frères suivants, mais ne contient pas l'élément correspondant au paramètre. Si le sélecteur ne correspond pas ou qu'aucun sélecteur n'est spécifié, tous les frères et sœurs suivants seront sélectionnés ; si aucun sélecteur n'est fourni pour le filtrage, les éléments sélectionnés par cette méthode sont les mêmes que la méthode .nextAll(). Depuis jQuery 1.6, un nœud DOM ou un objet jQuery, au lieu d'un sélecteur, peut être transmis à la méthode .nextUntil(). Cette méthode accepte une expression de sélecteur facultative comme deuxième paramètre. Si ce paramètre est spécifié, les éléments seront filtrés en détectant s'ils correspondent à ce sélecteur.

Méthode jquery nextUntil()exemple

<!DOCTYPE html>
<html>
<head>
  <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
</head>

<body>

  <dl>
  <dt id="term-1">term 1</dt>
  <dd>definition 1-a</dd>
  <dd>definition 1-b</dd>
  <dd>definition 1-c</dd>
  <dd>definition 1-d</dd>
  <dt id="term-2">term 2</dt>
  <dd>definition 2-a</dd>
  <dd>definition 2-b</dd>
  <dd>definition 2-c</dd>
  <dt id="term-3">term 3</dt>
  <dd>definition 3-a</dd>
  <dd>definition 3-b</dd>
</dl>


<script>
  $("#term-2").nextUntil("dt").css("background-color", "red");
  var term3 = document.getElementById("term-3");
  $("#term-1").nextUntil(term3, "dd").css("color", "blue");
</script>

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

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

Maison

vidéos

Questions et réponses