Javascript jQuery工具：选项卡：将当前类添加到列表项？

堆栈溢出

我正在通过Jquery Tools:Tabs系统处理选项卡，似乎无法确定如何将当前类添加到不是列表中第一项的列表项，而不将该类应用于第一项和我抛出它的任何列表项。。。有什么想法吗

多谢各位， 亚伦

编辑： 我没有jQuery工具的JavaScript/jQuery代码：制表符系统。。。因为我从CDN中调用它：

但是

这是我在HTML中的内容

<ul class="tabs">
    <li><a href="#">First</a></li>
    <li><a href="#">Second</a></li>
    <li><a href="#">Third</a></li>
    <li><a href="#">Fourth</a></li>
    <li><a href="#">Fifth</a></li>
  </ul>

如果我能解释得更好一点的话，应该是这样的： jquerytabs系统将类（current）添加到第一个选项卡中，因此默认情况下第一个列表项为“first”。我想做的是将当前类添加到不同的列表项中，例如“SECOND”。但这就是我的问题所在，通过jQuery，我应该做些什么来停止将类“current”添加到默认的第一个列表项中，这样我就可以将“current”添加到另一个列表项中，然后在单击其他列表项时应用当前类

这有意义吗？很抱歉，如果没有默认的原始jQuery文件，这就有点难以解释了

再次感谢大家,，

---

亚伦

也许这就是你要找的：

$clickedTab.addClass('current').siblings('.current').removeClass('current');

更新

根据您的编辑，我认为您可能会发现本节文档很有帮助：

我上面的代码只更改了选项卡的样式，它实际上不会打开应用了“当前”类的选项卡。如果上面的链接对您没有用处，您可以尝试以下操作：

HTML

<!-- the tabs -->
<ul class="tabs">
    <li><a href="#first">Tab 1</a></li>
    <li><a href="#second">Tab 2</a></li>
    <li><a href="#third">Tab 3</a></li>
</ul>

---

将打开第二个选项卡并为您处理所有样式设置等。

使用您提供的HTML和jquerytools中的代码（如您问题中的链接），我能够重现选项卡系统，而不会出现您遇到的问题：

JSFiddle：

您可能需要更新到JQuery的最新版本

如果不是这样的话，那么也许你可以为我们复制你的bug（请随意使用我的作为工作示例）

编辑 好吧，我想我读的时候误解了你的问题

@nav将您链接到一些有用的文档：

根据该文档，您需要在锚定标记的

href

中添加一个名称，然后相应地调用该名称：

<ul class="tabs">
    <li><a href="#first">First</a></li>
    <li><a href="#second">Second</a></li>
    <li><a href="#third">Third</a></li>
    <li><a href="#fourth">Fourth</a></li>
    <li><a href="#fifth">Fifth</a></li>
</ul>

---

JSFiddle:

到目前为止，您尝试了什么？如果您包含一些代码，我们可以帮助您指出您缺少的内容。您应该发布您的实际代码，以便我们可以看到那里发生了什么。不完全确定您试图做什么-您是否尝试将类添加到特定的选项卡项，只要它不是第一项？您知道要添加类的选项卡的索引或类名吗？@MyHeadharts:我已经更新了问题。这可能会有帮助吗？这会通过jQuery Tools:Tabs覆盖默认设置，而不会将当前类应用于第一个列表项吗？请参阅上面的修订问题。谢谢大家!@AaronBrewer是的，只要在运行

.tabs（）

后调用它，上面的代码就会覆盖，但由于某些原因，它不会在页面加载时对其应用样式。它也不会在单击时应用样式。

<ul class="tabs">
    <li><a href="#first">First</a></li>
    <li><a href="#second">Second</a></li>
    <li><a href="#third">Third</a></li>
    <li><a href="#fourth">Fourth</a></li>
    <li><a href="#fifth">Fifth</a></li>
</ul>

location.hash = "second";