Obtenir l'index jquery de la même classe d'élément dans différents conteneurs

Sur l'événement "click", je voudrais obtenir l'index d'un élément qui peut être dans plusieurs conteneurs. La position de l'index retourné doit être calculé par rapport à son conteneur et non à la balise body.

J'ai écrit un exemple ici: http://jsfiddle.net/zUGcK/

Mon problème est que quand je clique sur les lignes dans le deuxième bloc conteneur, la ligne index retourné sont: 3, 4, 5, tandis que je voudrais 0, 1, 2) à retourner.

Ce que je devrais changer dans le jquery index() les arguments pour obtenir 0, 1, 2 retournée pour chaque ligne dans les deux récipients?

Grâce

http://jsfiddle.net/zUGcK/

$('.line').click(function()
{
    alert('index: '+$(this).index('.container .line'));
});

<div class="container">
<div class="header">block #1</div>
<div class="line">line #0</div>
<div class="line">line #1</div>
<div class="line">line #2</div>
</div>

<div class="container">
<div class="header">block #2</div>
<div class="line">line #0 (index 3 returned instead of 0)</div>
<div class="line">line #1 (index 4 returned instead of 1)</div>
<div class="line">line #2 (index 5 returned instead of 2)</div>
</div>

source d'informationauteur Vincent | 2012-06-03

  1. 17

    Vous pouvez l'utiliser pour obtenir la valeur de l'indice pour les éléments au sein de son conteneur

    $(function()
{
    $('.line').click(function()
    {
        //alert('index: '+$(this).index('.container .line'));

        alert($(this).closest('.container').find('.line').index(this));
    });
});

    Vous devez utiliser cette syntaxe de $.index

    .index( element )
element The DOM element or first element within the jQuery object to look for.
​

    Travail De Violon

  2. 0

    Mise à jour de l'index$.

     $('.line').click(function()
{
    var $this=$(this);
   var indx= $this.parent('.container').find('.line').index($this);

    alert('index: '+indx);
});