.index() 仅适用于类的一个实例 [关闭]

Question

我在 jQuery 中遇到了 .index() 函数的问题。

DOM 概要：

<div class="one">
    <div class="two">
        <div class="three"></div>
        <div class="three"></div>
        <div class="three"></div>
    </div>
    <div class="threeB"></div>
    <div class="threeB"></div>
    <div class="threeB"></div>
</div>

<div class="one">
    <div class="two">
        <div class="three"></div>
        <div class="three"></div>
    </div>
    <div class="threeB"></div>
    <div class="threeB"></div>
</div>

<div class="one">
    <div class="two">
        <div class="three"></div>
        <div class="three"></div>
        <div class="three"></div>
    </div>
    <div class="threeB"></div>
    <div class="threeB"></div>
    <div class="threeB"></div>
</div>

根据用户点击two中的three中的哪一个，显示threeB之一。我想用.index() 函数来做到这一点，但是除了第一个函数之外，它都失败了。在第二个 one 类中，两个 threes 具有索引 3 和 4（而不是所需的 0 和 1）。另一方面，threeBs 的 .eq() 似乎可以正常工作。

有什么巧妙的方法可以解决这个问题，而不必计算有问题的div 之前有多少threes？

Answer 1

它是这样工作的：

$('.three').click(function(){
    $(this).parent().parent().find('.threeB').eq($(this).index())
        .css('background','green');
});

在这里查看：jsFiddle