jQuery：如何确定索引 <li> 单击后将其置于无序列表中？

Question

I want to know the index of the clicked li element in the unordered list. 我想知道无序列表中单击的li元素的索引。 How to achieve this with jQuery? 如何用jQuery实现呢？

Answer 1

$('ul li').on('click', function(ev) {
   var index = $(this).index();
});

Answer 2

$( 'li' ).on( 'click', function() {
    $( this ).index()
} )

Answer 3

this ? 这个？ http://api.jquery.com/index/ http://api.jquery.com/index/

<head>
  <style>
div { background:yellow; margin:5px; }
span { color:red; }
</style>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
  <span>Click a div!</span>
<div>First div</div>
<div>Second div</div>
<div>Third div</div>
<script>
$("div").click(function () {
  // this is the dom element clicked
  var index = $("div").index(this);
  $("span").text("That was div index #" + index);
});
</script>

</body>
</html>

code from Jquery Api 来自Jquery Api的代码

Answer 4

Just do this way:- 就是这样：-

$('li').click(function() {
   alert($(this).index());
});

jQuery：如何确定索引 <li> 单击后将其置于无序列表中？

问题描述

4 个解决方案

解决方案1
3 2012-04-26 10:51:33

解决方案2
2 2012-04-26 10:51:51

解决方案3
2 2012-04-26 10:53:21

解决方案4
0 2012-04-26 10:57:43

jQuery：如何确定索引 <li> 单击后将其置于无序列表中？

问题描述

4 个解决方案

解决方案1 3 2012-04-26 10:51:33

解决方案2 2 2012-04-26 10:51:51

解决方案3 2 2012-04-26 10:53:21

解决方案4 0 2012-04-26 10:57:43

解决方案1
3 2012-04-26 10:51:33

解决方案2
2 2012-04-26 10:51:51

解决方案3
2 2012-04-26 10:53:21

解决方案4
0 2012-04-26 10:57:43