javascript - 如何获取选择数组中元素的索引?
问题描述
我需要获取有关其父ol的多个元素的索引。在下面的代码中,我认为它应该给我相同的注释和标签索引,因为它们是相同的,但它不会发生。<ol>
$('#main-form').find('form').each(function () { //foreach form in the ol tag
var $drop_target_index = $('.drop_targets').index($(this).closest('.drop_targets'));
console.log($(this).closest('.drop_targets'));
console.log( $drop_target_index);
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="main-form">
<ol class="drop_targets">
<li><ol class="drop_targets comments">
<li><form></form>
Item 1 </li>
</ol>
<ol class="drop_targets tags">
<li><form></form>
Item 2</li>
</ol></li>
</ol>
</div>
我期望 0 0 我得到 0 1
解决方案
与each()
您的.drop_targets
.
$('.drop_targets .drop_targets').each(function () {
var $drop_target_index = $(this).parent().index() + 1;
console.log($drop_target_index);
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="main-form">
<ol class="drop_targets">
<ol class="drop_targets comments">
<form></form>
<form></form>
<form></form>
Item 1
</ol>
<ol class="drop_targets tags">
<form></form>
<form></form>
<form></form>
Item 2
</ol>
</ol>
</div>