Maison >interface Web >js tutoriel >Résumé des méthodes d'élément de tableau d'objets d'opération jquery (avec cas)

Résumé des méthodes d'élément de tableau d'objets d'opération jquery (avec cas)

php中世界最好的语言
php中世界最好的语言original
2018-04-24 09:41:412703parcourir

Cette fois, je vous apporte un résumé des méthodes d'élément jquery opérationobjetarray (avec cas) et des précautions pour le fonctionnement jquery de l'objet éléments du tableau Qu'est-ce que c'est ? Voici des cas réels.

 <p id="p1">
     <span>a</span>
     <span>b</span>
     <span>c</span>
 </p>

1. Mauvaise méthode  : Vous ne pouvez pas utiliser la méthode [] pour obtenir le tableau d'objets jquery, comme suit :

 $(function() {
     var p_span = $("#p1 span");
     for( var i = 0; i < p_span.length; i++ ) {
         p_span.[i].html(i);
     }
 });

Ceci n'est pas valide.

2. Vous pouvez utiliser la méthode eq() de jquery pour sélectionner :

 for( var i = 0; i < p_span.length; i++ ) {
     p_span.eq(i).html(i);
 }

3. Vous pouvez utiliser la méthode each() pour parcourir  :

 $(function() {
     var p_span = $("#p1 span");
     var i = 0;
     p_span.each( function(){
         $(this).html(i);
         i++;
     });
 });

Lors du parcours de each(), si vous utilisez $(this), vous obtiendrez un objet jquery. Si vous l'utilisez directement, vous obtiendrez un Objet DOM.

4. Pour le tableau d'objets DOM obtenu par du code js pur, vous pouvez utiliser [] pour obtenir les éléments du tableau

Les trois méthodes suivantes sont correctes. La première est fausse. Mettez-la en premier. C'est parce que je tiens à souligner que vous ne pouvez plus commettre la même erreur à l'avenir, alors mes amis, regardez attentivement.

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture recommandée :

La méthode grep() de jquery implémente le filtrage des tableaux

Comment jquery traverse les tableaux

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