JQuery $('#test ul > li').index(2).hide(); - possible?

Puis-je travailler avec la valeur de l'indice si facilement? Je pense que l'utilisation naturelle des valeurs d'index de mieux à l'aide de classes. Je veux utiliser le .l'indice de cette façon.

Html

<div id="test">
<ul>
<li>Im index 0</li>
<li>Im index 1</li>
<li>Im index 2</li>
<li>Im index 3</li>
</ul>
</div>

Pseudo (Jquery) Javascript

$('#test ul > li').index(2).hide();

$('#test ul > li').index(1).click(function() {
 alert('lulz you clicked the li with the index value of 1 bro');
});

Je ne marche pas à trouver une idée de la façon de travailler de cette façon avec la .valeur de l'indice de.. est-il possible de travailler facilement avec cette méthode??

OriginalL'auteur Tomkay | 2011-01-04

  1. 12

    Vous pouvez utiliser eq:

    $('#test ul > li').eq(2).hide();

    Il peut aussi être une partie de votre sélecteur:

    $('#test ul > li:eq(2)').hide();

    Si vous voulez la troisième li dans tous les uls dans #test, vous pouvez utiliser nth-child (note 1):

    $('#test ul > li:nth-child(3)').hide();

    OriginalL'auteur Kobi

  2. 5

    Oui, vous pouvez. Vous souhaitez .eq() cependant, au lieu de .index():

    $('#test ul > li').eq(2).hide();

    Ou en tant que partie de la sélection:

    $('#test ul > li:eq(2)').hide();

    OriginalL'auteur David Tang

  3. 1

    Vous l'utilisez avec un entier (nombre), mais vous ne pouvez l'utiliser avec un sélecteur ou d'un élément. ici

    Edit:

    Vous pouvez écrire votre propre fonction comme ceci:

    function indexValue(index)
{
    $(element).each(function(key, val) {
        if(key+1 == index) //+ 1 because you started from 0
        {
            return val;
        }
    });
}

    OriginalL'auteur Yoram de Langen

  4. 0
    $(document).ready(function(){
  $("button#1").click(function(){
    $("p").hide();
  });
});
$(document).ready(function(){
  $("button#2").click(function(){
    $("p").show();
  });
});
<button id="1">Clica-me</button>
<button id="2">Volta-me</button>

    OriginalL'auteur Alexssandrolima