jquery获取当前的孩子数

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

您需要在h3元素上编写click事件：

$("h3").click(function() {
  var index= $(this).index();
  alert(index);
});

<强> Working Demo

Answer 2

在索引函数

中传递this

$("h3").click(function(){
 var id = $("h3").index(this);
})

Answer 3

在内部点击处理程序中，您必须引用$(this)来引用所单击的元素。试试

＆＃13;

＆＃13;

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


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

});

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;

Answer 4

尝试

$("h3").click(function(event){
  alert( $(this).index() + 1);
});

DEMO