jquery访问器id与类？

在这个链接中：当我们查看“查看源代码”时，我们有：

<div id="tabs">
    <ul>
        <li><a href="#tabs-1">...</a></li>
        <li><a href="#tabs-2">...</a></li>
        <li><a href="#tabs-3">...</a></li>
    </ul>
    <div id="tabs-1">...</div>
    <div id="tabs-2">...</div>
    <div id="tabs-3">...</div>
</div>

...
...
...

所以我想知道的是，如何用类而不是id来实现它，
考虑到这部分代码将被多次使用，可能会加载ajax，

---

在不同的时间。

jquery ui选项卡控件需要唯一地标识和访问这些div，因此类不是选项。在将html提供给客户端之前，请确保您提供了唯一的id

页面上可以有多个选项卡控件，而不会出现问题

<script>
   $(function() {
     $( "#tabs" ).tabs();
     $( "#tabs2" ).tabs();
   });
   </script>

    <div id="tabs">
        <ul>
            <li><a href="#tabs-1">...</a></li>
            <li><a href="#tabs-2">...</a></li>
            <li><a href="#tabs-3">...</a></li>
        </ul>
        <div id="tabs-1">...</div>
        <div id="tabs-2">...</div>
        <div id="tabs-3">...</div>
    </div>

    <div id="tabs2">
        <ul>
            <li><a href="#tabs2-1">...</a></li>
            <li><a href="#tabs2-2">...</a></li>
            <li><a href="#tabs2-3">...</a></li>
        </ul>
        <div id="tabs2-1">...</div>
        <div id="tabs2-2">...</div>
        <div id="tabs2-3">...</div>
    </div>

$（函数（）{
$（“#制表符”）.tabs（）；
$（“#tabs2”）.tabs（）；
});





...
...
...





...
...
...

这根本不可能

链接锚使用ID工作，ID必须是唯一的

如果有多个选项卡具有相同的类（按钮相同），单击按钮时应打开哪些选项卡？我怀疑你会回答“所有的”

---

如果是样式（css）的问题，您应该只添加一个带有id的类。

不幸的是，与jquery ui关联的内置选项卡是基于id以静态方式编码的

当您将div转换为jqueryui选项卡时，它会在幕后做很多工作

选项卡中链接的href属性编码为查找特定的内容div。因此href=“#tab-1”将始终显示id为“#tab-1”的div

---

这就是它的工作原理。如果要使用该类，则必须修改/扩展jqueryui库中的jqueryui选项卡功能。或者您可以编写自己的Jquery选项卡插件。

对于动态添加选项卡，有一个add方法可以自动为选项卡控件命名，从而允许您重复使用选项卡创建代码

将选项卡添加到页面时，会触发添加事件，如选项卡文档页面所示：

var $tabs = $('#example').tabs({
    add: function(event, ui) {
        $tabs.tabs('select', '#' + ui.panel.id);
    }
});

从

可以使用

$('#some_ul_id li').addClass(function(i, curr) {
  return "item-" + i;
});