Maison >interface Web >js tutoriel >Comment ajouter des attributs à un nœud Li dans jquery

Comment ajouter des attributs à un nœud Li dans jquery

WBOY
WBOYoriginal
2021-11-23 10:15:512792parcourir

Méthode : 1. Utilisez l'instruction "$(li element)" pour faire correspondre l'objet li ; 2. Utilisez le sélecteur ":eq()" pour sélectionner le nœud li spécifié, et la syntaxe est "li object.eq ( position value)"; 3. Utilisez la méthode attr() pour ajouter des attributs au nœud li spécifié, la syntaxe est "li node.attr("nouveau nom d'attribut", "nouvelle valeur d'attribut")".

Comment ajouter des attributs à un nœud Li dans jquery

L'environnement d'exploitation de ce tutoriel : système Windows 7, jquery version 1.10.0, ordinateur Dell G3.

Comment ajouter des attributs à un nœud li dans jquery

Dans jquery, vous pouvez utiliser le sélecteur :eq() pour sélectionner des éléments avec une valeur d'index spécifiée. Combiné avec la méthode attr() pour définir ou renvoyer la valeur d'attribut de l'élément sélectionné. Le monde peut ajouter des attributs à un certain nœud li. La syntaxe de la méthode attr() est :

$(selector).attr(attribute)

Prenons un exemple pour voir comment ajouter un attribut à un certain nœud li. L'exemple est le suivant :

. 1. Créez un nouveau fichier HTML, nommé test.html, utilisé pour ajouter l'attribut id à la balise li à l'aide de jquery. Utilisez les balises ul et li pour créer une liste et dans chaque li, écrivez du texte à tester. Utilisez CSS pour définir un style avec l'identifiant myli, qui est utilisé pour confirmer que l'attribut id est ajouté à li.

Créez un bouton en utilisant la balise de bouton avec le nom du bouton "Ajouter un attribut d'identifiant". Liez l'événement onclick click au bouton du bouton Lorsque vous cliquez sur le bouton, la fonction addid() est exécutée.

Comment ajouter des attributs à un nœud Li dans jquery

2. Dans la balise js, créez la fonction addid() Dans la fonction, utilisez le symbole $ pour obtenir l'objet via l'élément li, utilisez eq(1) pour obtenir le deuxième objet li et définissez. li via l'attribut attr() id.

Comment ajouter des attributs à un nœud Li dans jquery

Ouvrez le fichier test.html dans le navigateur, cliquez sur le bouton pour voir l'effet.

Comment ajouter des attributs à un nœud Li dans jquery

Après avoir cliqué sur le bouton :

Comment ajouter des attributs à un nœud Li dans jquery

Résumé :

1. Créez un fichier test.html.

2. Dans le fichier, dans la balise p, utilisez les balises ul et li pour créer une liste, et créez un bouton bouton pour déclencher l'exécution de la fonction js.

3. Dans la balise js, créez une fonction. Dans la fonction, utilisez le symbole $ pour obtenir l'objet via l'élément li, utilisez eq(1) pour obtenir le deuxième objet li et définissez l'attribut id de li via la méthode attr().

Remarque : La méthode

attr() peut non seulement ajouter l'attribut id, mais également obtenir la valeur de l'attribut id d'un élément.

Tutoriels vidéo associés recommandés : Tutoriel vidéo jQuery

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn