Javascript 类发生通过指数

假设我有以下HTML：

<div id="Container">
    <div class="TheClass"></div>
    <div class="TheOtherClass"></div>
    <div class="TheClass"></div>
    <div class="TheOtherClass"></div>
    <div class="TheClass"></div>
    <div class="TheOtherClass"></div>
</div>

然后单击最后一个元素

类

，传递的参数将是5，但我希望收到3，因为最后一个

类

元素是第三个出现的元素。我该怎么做

谢谢。

尝试将选择器作为参数的变体

$('#Container').on({
    click: function () {
        SomeFunction($(this).index('#Container .TheClass'));
    }
}, '.TheClass');

演示：

尝试将选择器作为参数的变体

$('#Container').on({
    click: function () {
        SomeFunction($(this).index('#Container .TheClass'));
    }
}, '.TheClass');

---

演示：

只需根据您试图引用的类定义索引：

    $('#Container').on({
        click: function () { 
            SomeFunction($(this).index("." + $(this).attr('class')) + 1);
        }
    }, '.TheClass');

---

这样，您的代码就更加干练和可移植了。

只需根据您试图引用的类定义索引即可：

    $('#Container').on({
        click: function () { 
            SomeFunction($(this).index("." + $(this).attr('class')) + 1);
        }
    }, '.TheClass');

这样，您的代码更干练，更便于携带