Maison > Article > interface Web > méthode indexof de jquery

méthode indexof de jquery

王林original: 2023-05-14 12:21:372544parcourir

jQuery est une bibliothèque JavaScript populaire qui fournit de nombreuses méthodes pratiques pour gérer des opérations telles que DOM, les événements et AJAX. Dans l'une des méthodes, jQuery fournit une méthode indexOf(), qui peut être utilisée pour trouver la position de l'élément correspondant dans l'élément parent. Dans cet article, nous présenterons en détail l'utilisation et des exemples de la méthode jQuery indexOf().

La méthode jQuery.indexOf() est une méthode de l'objet jQuery, qui est utilisée pour trouver la position d'un élément au sein de son élément parent. Voici la syntaxe de base pour utiliser la méthode jQuery.indexOf() :

$(selector).index(element)

Ici, le sélecteur est le sélecteur jQuery et l'élément est l'objet élément ou l'expression du sélecteur qui doit être trouvé. Si le paramètre element n'est pas spécifié, renvoie la position du premier élément correspondant dans son élément parent, sinon renvoie la position de l'élément spécifié dans son élément parent. Veuillez noter que les valeurs d'index commencent à 0.

Regardons quelques exemples de la méthode jQuery.indexOf() :

Exemple 1 :

Dans l'exemple suivant, nous trouvons la position des éléments correspondants dans une liste non triée.

Code HTML :

apple

banane

orange

JavaScript Code :

var index = $('li').index($('li:contains("banana")'));
console.log(index);

Résultat de sortie : 1
// 'banane 'L'élément a la position 1 dans la liste (le comptage commence à 0)

Exemple 2 :

Dans l'exemple suivant, nous trouverons la position du premier élément correspondant dans l'élément parent.

Code HTML :

foo
bar
baz
< /div>

Code JavaScript :

var index = $('.parent').index($('.parent > span:first'));
console.log(index);

Résultat de sortie : 0
// Le premier élément span est à la position 0 dans l'élément parent (le comptage commence à 0)

Exemple 3 :

Dans l'exemple suivant, nous trouverons la position du deuxième élément correspondant dans l'élément parent Location.

Code HTML :

foo
bar
baz
< /div>

Code JavaScript :

var index = $('.parent').index($('.parent > span:eq(1)'));
console.log(index);

Résultat de sortie : 1
// La position du deuxième élément span dans l'élément parent est 1 (en comptant à partir de 0)

Exemple 4 :

La méthode jQuery.indexOf() peut également être utilisée pour rechercher un élément dans un jQuery emplacement de l'objet dans.

Code HTML :

apple

banane

orange

JavaScript Code :

var $list = $('li');
var index = $list.index($list.filter(':contains("banana")'));
console.log(index);

Résultat de sortie : 1
//La position de l'élément 'banane' dans l'objet jQuery est 1 (en comptant à partir de 0)

Résumé :

La méthode jQuery.indexOf() est une méthode très pratique dans la bibliothèque jQuery, elle peut facilement trouver la position d'un élément dans un élément parent ou un objet jQuery. Grâce aux exemples fournis dans cet article, nous pouvons voir la simplicité et la commodité d'utiliser la méthode indexOf(). Essayez cette méthode sur votre prochain projet jQuery, cela vous fera gagner beaucoup de temps et d'efforts.

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!

JavaScript jquery ajax html Filter class var console 对象事件 dom 选择器 ul li

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

Article précédent：jquery supprimer div dans divArticle suivant：jquery supprimer div dans div

Articles Liés

Voir plus