首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >jQuery:点击时如何确定无序列表中<li>元素的索引?

jQuery:点击时如何确定无序列表中<li>元素的索引?
EN

Stack Overflow用户
提问于 2012-04-26 18:50:27
回答 4查看 153关注 0票数 0

我想知道被单击的li元素在无序列表中的索引。如何使用jQuery实现这一点?

EN

回答 4

Stack Overflow用户

发布于 2012-04-26 18:51:33

代码语言:javascript
运行
复制
$('ul li').on('click', function(ev) {
   var index = $(this).index();
});
票数 3
EN

Stack Overflow用户

发布于 2012-04-26 18:51:51

代码语言:javascript
运行
复制
$( 'li' ).on( 'click', function() {
    $( this ).index()
} )
票数 2
EN

Stack Overflow用户

发布于 2012-04-26 18:53:22

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

代码语言:javascript
运行
复制
<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的代码

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/10331908

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档