Javascript Jquery获取相同类型的索引

我想知道如何在一个特定的包装中获得一个图形标记相对于该包装的索引。我在这里准备了一个例子：（或见下文）

包装器

#包装器

包含三个不同嵌套的

图

标记。我想获取相对于

#包装器的
索引（）

有什么想法吗

<div id="wrapper">
    <p>
        <figure>
            <img src="#" />
        </figure>
        <div class="another-wrapper">
            <figure>
                <img src="#" />
            </figure>
            <div class="another-wrapper">
                <figure>
                    <img src="#" />
                </figure>
            </div>
        </div>    
    </p>
</div>




试试这个：在包装器中找到所有的
图
标记并迭代它们

$(function(){
    $('#wrapper').find('figure').each(function(index){
     alert(index);
    });
});

试试这个：在包装器中找到所有的
图
标记并迭代它们

$(function(){
    $('#wrapper').find('figure').each(function(index){
     alert(index);
    });
});

您只需在
#wrapper
中请求索引即可：

$('figure').on('click', function() {
    console.log( $('#wrapper').find('figure').index( this ) );
});

选择要查看的元素集合（
.find（'figure'）
），然后请求特定元素的索引（
此
指单击的
图
，此处）

还可以传入另一个jQuery选择器作为索引元素：

<figure id="myFigure"></figure>
...
console.log( $('#wrapper').find('figure').index( $('#myFigure') ) );


...
console.log（$（'#wrapper'）.find（'figure'）.index（$（'#myFigure'））；
您只需在
#wrapper
中请求索引即可：

$('figure').on('click', function() {
    console.log( $('#wrapper').find('figure').index( this ) );
});

选择要查看的元素集合（
.find（'figure'）
），然后请求特定元素的索引（
此
指单击的
图
，此处）

还可以传入另一个jQuery选择器作为索引元素：

<figure id="myFigure"></figure>
...
console.log( $('#wrapper').find('figure').index( $('#myFigure') ) );


...
console.log（$（'#wrapper'）.find（'figure'）.index（$（'#myFigure'））；
您可以使用带有参数的
.index（）
。阅读

您可以使用带有参数的
.index（）
。阅读

始终将相关代码和标记放在问题中，而不仅仅是链接（即使是JSFIDLE）。（这一次我帮你做了。）始终把相关的代码和标记放在问题中，而不仅仅是链接（即使是JSFIDLE）。（这次我帮你做了。）好的，明白了。谢谢@JoeNo忧虑-有没有机会投票并标记为正确？：）其他人可能也应该得到一次投票，他们的答案也是正确的，即使他们不是你看到的答案：-）你是对的。因为我是这个论坛的新成员，我无法提升投票率，因为我缺乏声誉；-）谢谢亲爱的，“$（'#wrapper'）。查找（'figure'）。索引（this）”是最简单的解决方案：）好的，明白了。谢谢@JoeNo忧虑-有没有机会投票并标记为正确？：）其他人可能也应该得到一次投票，他们的答案也是正确的，即使他们不是你看到的答案：-）你是对的。因为我是这个论坛的新成员，我无法提升投票率，因为我缺乏声誉；-）谢谢亲爱的，“$（'#wrapper'）。查找（'figure'）。索引（this）”是最简单的解决方案：）