我们在使用原生js或jquery语法的时候,有种情况下我们想那到元素的下标,但是同一个类名然而处于不同的父元素怎么获取下标。
<div class="father">
<ul class="son">
<li>第一个li</li>
<li>第二个li</li>
</ul>
<ul class="son">
<li>第三个li</li>
<li>第四个li</li>
</ul>
</div>
$('li').on('click', function () {
console.log($(this).index());
})
点击第一个li输出0 点击第二个li输出1 点击第三个li输出0 点击第四个li输出1
然后想实现的是
点击第一个li输出0 点击第二个li输出1 点击第三个li输出2 点击第四个li输出3
这个时候怎么去修改代码
$('li').on('click', function () {
console.log($(".father li").index(this));
})