jQuery返回列表元素的位置与表格列上的类点击答案

【问题标题】：jQuery return position of list element with class on table column clickjQuery返回列表元素的位置与表格列上的类点击
【发布时间】：2011-01-09 05:45:29
【问题描述】：

我想知道如何在以下无序列表中返回具有“currentTab”类的列表元素的位置：

<ul id="coverTabs">
    <li class="currentTab"><a href="#">Individual</a></li>
    <li><a href="#">Couple</a></li>
    <li><a href="#">Family</a></li>
    <li><a href="#">Single parent family</a></li>
</ul>

该类在 HTML 中设置为启动。以下将单击的选项卡设置为“currentTab”，然后删除上一个类：

$('ul#coverTabs > li').live('click', function() {

    // Clickable tabs
    // Removes default class applied in HTML and onClick adds 'currentTab' class
    $(".currentTab").removeClass("currentTab");
    $(this).addClass("currentTab"); 

});

我想如果我在上面添加以下内容，它会返回当前可以这么说的选项卡的位置：

    // Find the active tab
    var tabPosition = $('ul#coverTabs > li.currentTab').index ($('.currentTab'));
    var tabPosition = tabPosition + 1

它似乎对我不起作用。

【问题讨论】：

标签： jquery class list position

【解决方案1】：

引用当前项目时使用this 关键字..

var tabPosition = $('ul#coverTabs > li').index ($(this));

虽然你的问题是你限制了 currentTab 内的索引，所以你只选择了一个 ..

var tabPosition = $('ul#coverTabs > li').index ($('.currentTab'));

上面应该也可以（注意我已经从第一个选择器中删除了.currentTab）

【讨论】：

谢谢。很明显的错误，但这是漫长的一天。很高兴我找到了这个地方。