jQuery，一页上多个选项卡组

Question

我正在使用 Soh Tanaka 提供的一个简单的选项卡示例。 http://www.sohtanaka.com/web-design/simple-tabs-w-css-jquery

我试图将多个选项卡组放在同一页面上，但为每个选项卡组使用相同的类。我正在动态地制作选项卡的内容，因此为每个选项卡组创建新类是不可能的。

如何对不同的选项卡组使用相同的类、相同的 jQuery？我知道 jQuery 中有可用的 .each() 方法，但我在尝试找出将其放入 jQuery 的正确位置时遇到困难。任何帮助是极大的赞赏。

提前致谢。

Answer 1

在您链接的博客条目的评论中，有对此进行的讨论。他链接到此处的演示:http://www.sohtanaka.com/web-design/examples/tabs/index3.htm

在该演示中，访问选项卡的方式发生了变化。

$("div[class^='simpleTabs']").simpleTabs(); //Run function on any div with class name of "Simple Tabs"

这是通过使用 simpleTabs 类将选项卡式部分包装在 div 中来完成的