jQuery obtient la position d'index d'un élément par classe d'un tableau

J'ai plusieurs lecteurs de musique sur une page et le besoin de faire un index d'eux de tirer de la position du joueur actuel. Le problème est que le currentPlayer n'est pas un enfant, afin de l'utiliser .find ou .filter et puis .index retourne toujours une valeur de 0 parce que rien d'autre n'est dans le tableau.

Donc j'ai besoin de trouver .currentPlayer'index à l'intérieur de la player tableau.

HTML (très simplifié):

<ul>
    <li>
        <article>
             <div class="player"></div>
        </article>
    </li>
    <li>
        <article>
             <div class="player currentPlayer"></div>
        </article>
    </li>
    <li>
        <article>
             <div class="player"></div>
        </article>
    </li>
</ul>

JavaScript:

var player  = $('.player'),
    current = player.filter('.currentPlayer'),
    index = current.index();

source d'informationauteur technopeasant

  1. 30

    current.index() sera à la recherche de ses parents pour l'élément. donc, depuis current est un enfant unique, c'est zéro.

    Vous pouvez passer à un sélecteur de .index; il le dira à jQuery pour rechercher à l'intérieur que pour votre élément.

    var player  = $('.player'),
    current = player.filter('.currentPlayer'),
    index = current.index('.player');

    Ou, vous pouvez dire jQuery pour rechercher un élément spécifique à l'intérieur d'un tableau:

    var player  = $('.player'),
    current = player.filter('.currentPlayer'),
    index = player.index(current);
  2. 5

    Vous êtes probablement à la recherche pour

    $('div.player').index($('.currentPlayer'))

    http://jsfiddle.net/hmartiro/3Wzbd/

  3. 1
    var position = 0;
$('.player').each(function(i){
if ($(this).hasClass('currentPlayer') == true) { position = i; }
});