jquery - Jquery索引仅在td中的div

Question

$('td.tabs').on('click', 'div:not(.current)', function() {

    $("#log").prepend("<hr> Now fake Index = " + $(this).index()) ;

    $(this).addClass('current').siblings().removeClass('current').parents('div.section').find('div.box').eq($(this).index() ).fadeIn(150).siblings('div.box').hide();

});

True J​​query Index 仅适用div于 in td- 如何？

jsFiddle 上的示例

Answer 1

将 $("#log").prepend ... 行更改为以下内容：

$("#log").prepend("<hr> Now true Index = " + $(this).parent().children("div").index($(this)));

分步说明：

1. parent() 返回当前元素的父元素。
2. children("div") 返回父级中的所有“div”元素。
3. index($(this)) 返回当前元素（点击的 div）在子 div 中的索引。

结果，您将在兄弟 div 中看到单击的 div 的索引。

这是你想要达到的目标吗？