jQuery从数组中按类获取元素的索引位置

Question

我在页面上有多个音乐播放器,需要对它们做一个索引来拉出当前播放器的位置.问题是currentPlayer不是孩子,所以使用.find或.filter然后.index将始终返回值,0因为数组中没有其他内容.

所以我需要.currentPlayer在player数组中找到索引.

HTML(非常简化):

<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();

Answer 1

current.index()将搜索其父元素.所以既然current是独生子女,那就是零.

您可以将选择器传递给.index; 它会告诉jQuery在里面搜索你的元素.

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

或者,您可以告诉jQuery在数组中搜索特定元素:

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

Answer 2

你可能正在寻找

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

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