单击 jquery 显示 li-nth-child 个数字

Question

我需要代码在单击 div 后显示 nth-child 列表的编号。

例如：

<ul>
 <li>
  <div id="mydiv1"></div>
 </li>
 <li>
  <div id="mydiv2"></div>
 </li>
</ul>

我的 jquery 脚本必须 return 我点击的 nth-child 的数量。例如，如果我点击 mydiv2，脚本必须 return me "2".

谢谢你帮助我。

Answer 1

你是这个意思吗？

$(document).ready(function() {

  $("ul li").click(function(){

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

  });
});

或者当您希望 div 成为被点击的元素时：

$(document).ready(function() {

 $("ul li div").click(function(){

  alert ($(this).parent().index()+1);

 });
});

Answer 2

https://jsfiddle.net/refan/8pryo1t2/

$(document).ready(function() {
  $("ul").on("click", "div", function() {
    var index = $("div").index(this);
    alert("Index: " + index);
  });
});