首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >获取元素的索引作为相对于父元素的子元素

获取元素的索引作为相对于父元素的子元素
EN

Stack Overflow用户
提问于 2011-02-15 02:45:21
回答 6查看 189.1K关注 0票数 173

假设我有这样的标记:

<ul id="wizard">
    <li>Step 1</li>
    <li>Step 2</li>
</ul>

我有这个jQuery:

$("#wizard li").click(function () {
    // alert index of li relative to ul parent
});

单击该li时,如何获取该子li相对于其父get的索引

例如,当您单击“步骤1”时,应该会弹出一个带有"0“的alert

EN

回答 6

Stack Overflow用户

回答已采纳

发布于 2011-02-15 02:48:02

$("#wizard li").click(function () {
    console.log( $(this).index() );
});

然而,与其为每个列表项附加一个单击处理程序,使用delegate会更好(性能更好),如下所示:

$("#wizard").delegate('li', 'click', function () {
    console.log( $(this).index() );
});

在jQuery 1.7+中,您应该使用on。下面的示例将事件绑定到#wizard元素,其工作方式类似于委托事件:

$("#wizard").on("click", "li", function() {
    console.log( $(this).index() );
});
票数 265
EN

Stack Overflow用户

发布于 2011-02-15 02:51:27

类似于:

$("ul#wizard li").click(function () {
  var index = $("ul#wizard li").index(this);
  alert("index is: " + index)
});
票数 44
EN

Stack Overflow用户

发布于 2011-02-15 02:52:32

看看这个example

$("#wizard li").click(function () {
    alert($(this).index()); // alert index of li relative to ul parent
});
票数 8
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/4996002

复制
相关文章

相似问题

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