Question

我想知道无序列表中单击的li元素的索引。如何用jQuery实现这个目标？

Answer 1

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

Answer 2

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

Answer 3

这个？ 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>

来自Jquery Api的

代码

Answer 4

这样做： -

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

jQuery：如何在单击时确定无序列表中<li>元素的索引？</li>

4 个答案: