jquery 获取当前 child 的数量

Question

<div id="sample">
  <h3>headline 1</h3>
  <h3>headline 2</h3>
  <h3>headline 3</h3>
</div>

现在如何确定单击的 h3 子元素并使用 jquery 处理它？<​​/p>

var id = $("h3").index();

这不是吗？

Answer 1

在点击处理程序中，您必须引用 $(this) 来引用被点击的元素。尝试一下

$("h3").on("click",function(){


  alert($(this).index());

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div id="sample">
  <h3>headline 1</h3>
  <h3>headline 2</h3>
  <h3>headline 3</h3>
</div>