javascript - jQuery .index()没有为元素返回正确的索引

首先我的HTML：

<h2>
  <a href=[...]>
    <expander>
      SomeText
</expander>
  </a>
</h2>

<h2>
  <a href=[...]>
    <expander>
      SomeText
</expander>
  </a>
</h2>

现在是Javascript / JQuery：

$("expander").on("click", function(){
    var blubb = $(this).index();
            alert(blubb)
});

我的问题是“警报”（实际上是“ blubb”变量）始终抛出零。如果我单击第二个扩展器，它不应该给出“ 1”吗？

谢谢！

问候

最佳答案

由于expander是其父索引的第一个也是唯一的子项，因此始终返回0。

尝试这个：

var blubb = $(this).closest('h2').index();

演示版

Try before buy