Comment obtenir la valeur de li dans jquery

jQuery est une bibliothèque JavaScript très populaire qui offre des fonctionnalités riches et une facilité d'utilisation pour le développement Web. L'un des scénarios d'application courants consiste à utiliser jQuery pour exploiter des éléments de liste dans des pages Web afin d'obtenir la valeur de chaque élément de liste (li).

Dans jQuery, vous pouvez utiliser des sélecteurs pour obtenir des éléments dans des pages Web. Les éléments de liste sont généralement implémentés à l'aide de listes non ordonnées (ul) ou de listes ordonnées (ol), et chaque élément de liste est représenté à l'aide d'éléments li. Par conséquent, nous pouvons utiliser la méthode suivante pour obtenir tous les éléments de la liste :

var lis = $("li"); // 获取所有li元素

Dans le code ci-dessus, le symbole $ est un alias de jQuery, utilisé pour représenter un objet jQuery, et "li" est l'expression de sélection Formule, signifie sélectionner tous les éléments li.

Après avoir obtenu tous les éléments de la liste, nous pouvons utiliser la méthode each de jQuery pour les parcourir et obtenir leurs valeurs. L'exemple de code suivant montre comment parcourir chaque élément d'élément de liste, obtenir son texte (valeur) et l'imprimer sur la console :

$("li").each(function() {
  var text = $(this).text(); // 获取当前列表项的文本
  console.log(text); // 打印文本
});

Dans le code ci-dessus, chaque méthode est utilisée pour parcourir tous les éléments li . Dans cette fonction de parcours, le mot-clé this pointe vers l'élément de liste en cours de parcours. Nous pouvons utiliser la méthode text pour obtenir le contenu textuel de l’élément de liste.

Parfois, nous devons obtenir d'autres attributs des éléments de la liste, tels que leurs identifiants, leurs noms de classe, etc. jQuery fournit la méthode attr pour obtenir la valeur d'un attribut spécifié. L'exemple de code suivant montre comment obtenir la valeur de l'attribut ID d'un élément de liste :

$("li").each(function() {
  var id = $(this).attr("id"); // 获取当前列表项的ID属性值
  console.log(id); // 打印ID值
});

Dans le code ci-dessus, la méthode attr est utilisée pour obtenir la valeur de l'attribut ID de l'élément de liste actuel. Nous pouvons utiliser cette méthode pour obtenir la valeur de toute autre propriété.

En bref, en utilisant les sélecteurs et les fonctions de traversée de jQuery, nous pouvons facilement obtenir les éléments de la liste dans la page Web et obtenir les valeurs de leur texte ou d'autres attributs. Ces fonctions nous permettent d'exploiter le contenu de la page Web de manière plus flexible et d'obtenir des effets interactifs plus riches.

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!