javascript - 相对于其他元素的 Jquery 索引

Question

我想知道是否可以找到与具有相同类的元素数量相关的元素索引，如果可以，我将如何去做？

所以如果我有以下...

<div class="container">
    <p>This is content 1</p>
    <p>This is content 2</p>
    <p>This is content 3</p>
</div>

    ...other HTML

<div class="container">
    <p>This is content 1</p>
    <p>This is content 2</p>
    <p>This is content 3</p>
</div>

然后单击第一个容器中的项目，它将返回索引 1，但如果单击第二个容器中的项目，它将返回索引 2，因为它是具有“容器”类的第二个 div。

这可能吗？如果是这样，怎么办？

非常感谢您的帮助。

Answer 1

$(function() {
    $('.container p').on('click', function() {
      var index = $(this)   // point the clicked p
                      .parent()  // jump to .container parent
                      .index() +1;  // get index, As index() is zero based, so you can
                                    // add 1 to get 1,2,...
      alert( index );
    });
}):

Answer 2

你可以试试这样

$(document).ready(function(){
    $('div.container p').click(function(){
        alert($(this).parent().index());
    });
});​

活生生的例子