Jusqu'à... avant

conj. Jusqu'à..., avant... pas avant...

méthode jquery prevUntil() syntaxe

Fonction : La méthode prevUntil() obtient les éléments frères précédents de chaque élément dans l'ensemble d'éléments correspondants actuel, mais n'inclut pas les éléments correspondant aux sélecteurs, aux nœuds DOM ou aux objets jQuery.

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

Paramètres :

grammaire 2 : re.prevuntil (Element, Filter)
Paramètre Description
Facultatif. Une valeur de chaîne contenant une expression de sélection indiquant où arrêter la correspondance des éléments frères précédents.
filtre Facultatif. Valeur de chaîne contenant l'expression de sélection utilisée pour faire correspondre l'élément.
Paramètres :

Paramètres

Description Étant donné un objet jQuery représentant une collection d'éléments DOM, la méthode .prevUntil() nous permet de rechercher des éléments frères devant ces éléments dans l'arborescence DOM jusqu'à rencontrer le sélecteur (passé à les paramètres de la méthode dans ) jusqu'aux éléments correspondants. Le nouvel objet jQuery renvoyé contient tous les éléments frères précédents, à l'exception de celui correspondant au sélecteur spécifié par la méthode .prevUntil() ; les éléments renvoyés sont classés du frère le plus proche au plus éloigné. S'il n'y a pas de correspondance ou qu'aucun sélecteur n'est appliqué, tous les éléments frères précédents seront sélectionnés ; dans ce cas, la méthode sélectionne les mêmes éléments que .prevAll() si aucun sélecteur n'est fourni. Depuis jQuery 1.6, un nœud DOM ou un objet jQuery, au lieu d'un sélecteur, peut être utilisé comme premier argument de la méthode .prevUntil(). Cette méthode accepte une expression de sélecteur facultative comme deuxième paramètre. Si ce paramètre est appliqué, les éléments seront filtrés en vérifiant s'ils correspondent à ce sélecteur.

méthode jquery prevUntil() 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").prevUntil("dt")
  .css("background-color", "red");
  
var term1 = document.getElementById('term-1');
$("#term-3").prevUntil(term1, "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

Element facultatif. Un nœud DOM ou un objet jQuery qui indique où arrêter la correspondance des éléments frères précédents.
filtre Facultatif. Valeur de chaîne contenant l'expression de sélection utilisée pour faire correspondre l'élément.
Explication :