我有一个看起来像这样的DOM结构:
<div class="chapter">
<section></section>
<section></section>
</div>
<div class="chapter">
<section></section>
<section></section>
<section class="current"></section>
<section></section>
</div>
<div class="chapter">
<section></section>
<section></section>
<section></section>
<section></section>
</div>
我想在所有节中获取带有“当前”类的节的索引号。在此示例中,该索引为5,因为它是第5部分标记,并且包含当前类。
我如何用jQuery做到这一点?
我从这里开始获取dom中所有部分的列表:
var sections = $('section');
我已经尝试过类似的方法来尝试获得想要的结果:
alert($(sections+'.current').index());
这将返回一个js错误。
我在这里想念什么?谢谢!
最佳答案
在您的代码中,$('section')
将把所有部分作为jquery对象返回。在它们当中,获取具有current
类的节的索引,您可以执行以下操作:
sections.index($(".current"));
这将为您返回当前类的部分的相对索引,该索引为4
$('sections')
将返回一个包含所有section元素的jQuery对象Array(索引为0)。因此,匹配的元素是第5个元素,索引将返回4。希望这个fiddle有帮助。
关于jquery - 获取DOM中所有匹配元素的当前元素的索引,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/7723129/