点击时用jquery显示第二个孩子的数字

Question

我需要代码在点击div后显示第n个子列表的编号。

例如：

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

我的jquery脚本必须返回我点击的第n个孩子的数量。例如，如果我点击mydiv2，脚本必须返回我＆＃34; 2＆＃34;。

感谢您帮助我。

Answer 1

这是你的意思吗？

b = b.toUpperCase(); //b now is set to the new upper case string
System.out.println("b = " + b);

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

$(document).ready(function() {

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

  alert ($(this).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);
  });
});