Jquery在父级中获取元素类型的索引

Question

我尝试搜索但没有运气，我有一个元素，里面有各种元素我需要获取按类选择它的元素类型的索引

实施例

<div>
    <span></span>
    <p></p>
    <span></span>
    <p></p>
    <span class="selected"></span>
    //i need to find this and know it's the third span
    <p></p>
</div>

感谢您的帮助

Answer 1

您可以使用jQuery的index()功能。

可以在集合上调用

index()并传递目标元素，如下所示：

$('div span').index($('.selected'));

或调用目标元素并传递一个选择器来搜索：

$('.selected').index('div span');

使用您的示例HTML，这两个都将返回2，这是.selected中<span> <div>的索引，仅计算<span>个元素。 （记住索引从0开始）。

http://jsfiddle.net/uk35bny0/1/