Comment obtenir le n-ième élément jQuery

En jQuery, $("...").get(3) retourne le 3ème élément du DOM. Qu'est-ce que la fonction de renvoyer la 3ème jQuery élément?

InformationsquelleAutor Sam Lee | 2009-09-18
  1. 290

    Pourquoi ne pas parcourir la (courte) sélecteurs de la page en premier?

    Ici, il est: le :eq() de l'opérateur. Il est utilisé comme get(), mais il renvoie à l'objet jQuery.

    Ou vous pouvez utiliser .eq() fonction trop.

    • N'est-ce pas censé être .eq() au lieu de :eq()?
    • Oui, .eq() est plus approprié pour l'OP de la question. :eq() est utilisé dans le paramètre de la chaîne de $, alors que .eq() est une méthode sur un objet jQuery.
    • Je vous jure que j'ai pour aller chercher cette place tous. unique. temps.
    • Si les éléments retournés ne sont pas des frères et sœurs? Comme l'obtention d'une option dans un opt groupe? $('select').find('option').eq(n), ne fonctionne pas si les options sont imbriquées dans les différents opt groupes.
    • Dépend du comportement souhaité. $('select').find('option').eq(n) sera essentiellement ignorer le groupement, et d'obtenir toutes les options dans son ensemble. Si vous le souhaitez par groupe, quelque chose comme ce qui est nécessaire: $('select').find('optgroup').each(function() { $(this).find('option').eq(n)...; })
    • Incroyable de voir comment beaucoup de gens upvoted quelque chose qui a effectivement la réponse dans les commentaires. voici un lien vers .eq() - api.jquery.com/eq depuis la réponse de lien vous amène à :eq()
    • "Pourquoi ne pas parcourir la (courte) sélecteurs de la page en premier?" - Parce que "eq" est un très mauvais nom et j'ai régulièrement il suffit de sauter sur elle comme de l'égaliseur pour moi des moyens de comparaison....
    • Oui, il serait mieux d'être nommé at() ou atIndex() pour être détectable. Mais le jQuery API de conception est de faible qualité en général.
    • Rappelez-vous que l'égaliseur est en partant de zéro, de sorte que le premier élément est :eq(0), et le cinquième élément .eq(4)
    • Ils ne pouvaient pas faire un une .nth() ou .à() alias?...

    InformationsquelleAutor Dykam
  2. 291

    Vous pouvez utiliser le :eq sélecteur, par exemple:

    $("td:eq(2)").css("color", "red"); //gets the third td element

    Ou la Traversant/eq fonction:

    $("td").eq(2).css("color", "red");

    Rappelez-vous aussi que les indices commencent à zéro.

    • Comme un synonyme, vous pouvez également utiliser le :nth() sélecteur -- à ne pas confondre avec :nth-child()
    • La meilleure réponse et pas édité 3 ans après le fait 🙂
    • merci pour expliquer comment utiliser le sélecteur de fonction
    InformationsquelleAutor CMS
  3. 47

    si vous avez le contrôle sur la requête qui construit l'objet jQuery, utilisez :eq()

    $("div:eq(2)")

    Si vous n'avez pas le contrôle (par exemple, il est transmis à partir d'une autre fonction ou quelque chose), puis utilisez .eq()

    var $thirdElement = $jqObj.eq(2);

    Ou si vous souhaitez qu'une partie d'entre eux (par exemple, les troisième, quatrième et cinquième éléments), l'utilisation .slice()

    var $third4th5thElements = $jqObj.slice(2, 5);
    • A la recherche d'une tranche, mais n'était pas sûr de savoir comment la recherche. Merci pour aller au-delà de ce qui est demandé dans la question d'origine.
    • Pour les gens qui trébuchent sur cette réponse, un utile point à noter est que la nième enfant sélecteur est à 1 alors :eq ou .eq() sont fonction de 0
    • Vous devez utiliser .eq() au lieu de :eq() en fait. Légère augmentation des performances.
    InformationsquelleAutor nickf
  4. 11

    Je pense que vous pouvez utiliser cette 

    $("ul li:nth-child(2)").append("<span> - 2nd!</span>");

    Il trouve la deuxième li dans chaque appariés ul et des notes.

    InformationsquelleAutor JoenasE
  5. 11

    .eq() -Un entier indiquant l'0 basée sur la position de l'élément.

    Ex:

    Envisager une page avec une simple liste sur elle:

    <ul>
<li>list item 1</li>
<li>list item 2</li>
<li>list item 3</li>
<li>list item 4</li>
</ul>

    On peut appliquer cette méthode à l'ensemble des éléments de la liste:

    $( "li" ).eq( 2 ).css( "background-color", "red" );


    Pour plus d'informations : .eq()

    InformationsquelleAutor tilak
  6. 2

    Si vous avez déjà l'objet jquery dans une variable, vous pouvez aussi juste le traiter comme un tableau indexé, sans l'utilisation de jquery:

    var all_rows = $("tr");
for(var i=0; i < all_rows.length; i++){
   var row = all_rows[i];
   //additionally, you can use it again in a jquery selector
   $(row).css("background-color","black");
}

    Bien que l'exemple ci-dessus n'est pas utile d'une quelconque façon, il représente la façon dont vous pouvez traiter les objets créés par jquery comme des tableaux indexés.

    • Droit, et un de plus (utile) remarque: Si la ligne contient une liste de <select> éléments, et vous voulez que la zone de liste déroulante sélectionnée élément, utilisez l'option $(row).val();
    InformationsquelleAutor Au.Merci
  7. 1

    Si je comprends votre question correctement, vous pouvez toujours juste envelopper la fonction get comme suit:

    var $someJqueryEl = $($('.myJqueryEls').get(3));
    • C'est juste "à la dure" et c'est ce que eq() vous donne gratuitement.
    InformationsquelleAutor user1205577
  8. 1

    Si vous voulez vous procurer particulier/élément de nœud ou de l'étiquette dans la boucle pour, par exemple,

    <p class="weekday" data-today="monday">Monday</p>
<p class="weekday" data-today="tuesday">Tuesday</p>
<p class="weekday" data-today="wednesday">Wednesday</p>
<p class="weekday" data-today="thursday">Thursday</p>

    Donc, à partir de ci-dessus le code de la boucle est exécuté et nous voulons domaine particulier afin de sélectionner pour cela, nous devons utiliser jQuery de sélection qui permet de sélectionner uniquement attend élément à partir de ci-dessus boucle, le code sera

    $('.weekdays:eq(n)');

    par exemple

    $('.weekdays:eq(0)');

    ainsi que par toute autre méthode

    $('.weekday').find('p').first('.weekdays').next()/last()/prev();

    mais la première méthode est plus efficace lorsque les HTML <tag> a unique nom de la classe.

    REMARQUE:Deuxième méthode consiste à utiliser lors de leur est le nom de la classe dans la cible de l'élément ou de nœud.

    pour plus de suivre https://api.jquery.com/eq/

    InformationsquelleAutor Vrushal Raut
  9. 0

    Pour les itérations à l'aide d'un sélecteur ne semble pas faire sens bien:

    var some = $( '...' );

for( i = some.length -1; i>=0; --i )
{
   //Have to transform in a jquery object again:
   //
   var item = $( some[ i ] );

   //use item at will
   //...
}
    InformationsquelleAutor
  10. 0

    Exemple vivant de l'accès et supprimer le n-ième élément avec jQuery:

    <html>
<head></head>
<body>
    <script type="text/javascript" 
    src="http://code.jquery.com/jquery-2.1.0.min.js"></script>
    <script type="text/javascript">
      $(document).ready(function(){
        $('li:eq(1)').hide();
      });
    </script>
    <ol>
      <li>First</li>
      <li>Second</li>
      <li>Third</li>
    </ol>
</body>
</html>

    Lorsqu'il s'exécute, il y a deux éléments dans la liste ordonnée qui montrent, d'Abord, puis une Troisième. La deuxième était caché.

    • P. S. : Le comte de commencer à partir de 0; la Première est à l'index 0, le Second est à l'indice 1, et ainsi de suite ....
    InformationsquelleAutor Eric Leschinski
  11. 0
     $(function(){
            $(document).find('div').siblings().each(function(){
                var obj = $(this);
                obj.find('div').each(function(){
                    var obj1 = $(this);
                    if(!obj1.children().length > 0){
                        alert(obj1.html());
                    }
                });

            });
        });

<div id="2">
    <div>
        <div>
            <div>XYZ Pvt. Ltd.</div>
        </div>
    </div>
</div>
<div id="3">
    <div>
        <div>
            <div>ABC Pvt Ltd.</div>
        </div>
    </div>
</div>
    • "$(function(){" premier de l'automne, j'ai créé fonction anonyme, qui fait feu automatiquement. À l'intérieur, j'ai trouvé trois div parent à l'aide de frères et sœurs. Ensuite, j'ai réitéré dans tous les 3 div parent et vérifiez la longueur de tous les enfants de la longueur. Comment je peux identifier ce qu'est un dernier div ou pas dans le div parent. Maintenant, je suis d'alerte de la dernière div html de tous les 3 principaux div parent.
    • Vous pouvez modifier votre réponse, au lieu de donner de l'information dans les commentaires 🙂
    InformationsquelleAutor Sanjay Verma