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