Question

我对具有相同类名（按钮）的页面上的操作有很多调用，如下所示：

<div class="topClass">
    <div class="classNameone">
        <p>bit of schpiel about section 1</p>
        <a href="#" class="Button">click me!</a>
    </div>
    <div class="classNametwo">
        <p>bit of schpiel about section 2</p>
        <a href="#" class="Button">click me!</a>
    </div>
</div>

我希望jQuery告诉我当我点击它时我点击了哪个链接，而我不必添加另一个类或ID。

e.g。第一个按钮为1，第二个按钮为2（或0和1，取决于索引开始）。

我在点击元素时尝试使用以下内容：

$(this).parent().parent().find('.Button').index(this)

但是返回的所有内容都是-1。

任何帮助都会非常感激。

Answer 1

以下代码将返回点击index元素的anchor，div与topClass类的视角。

试试这个，

$('a').click(function(){    
    alert($(this).closest('div').index() +1 );
});

DEMO

参考：.Closest()

在单击JQuery / HTML5上显示元素的索引/位置

1 个答案:

DEMO