Question

我有以下HTML。 HTML：

<div id="abc">
 <h1>hello</h1>
 <div class="xyz">
    <input type="button">Click Me</button>
 </div>
 <h1>Hello 1</h1>
 <div class="xyz">
    <input type="button">Click Me</button>
 </div>
</div>

jQuery的：

$(':button').on('click', function(){
   alert($(this).closest('.xyz').index());
});

如何在不计算其他兄弟姐妹的情况下获取xyz的索引。我得到1和3（我知道为什么:)）但我想要0和1。

eq：点击第一个按钮，我想要0，第二个按钮应该是1.

jsFiddle：http://jsfiddle.net/1tqp6tx1/

非常感谢任何帮助

Answer 1

尝试

$('.xyz').index($(this).closest('.xyz');

Answer 2

在.index()内添加班级名称。

试试这个：

$(':button').on('click', function(){
       alert($(this).closest('.xyz').index('.xyz'));
});

<强> Check JSFiddle Demo

得到索引而不计算兄弟姐妹

2 个答案: