jquery 访问器 id 与类？

Question

在此链接:http://jqueryui.com/demos/tabs/当我们查看“查看源代码”时，我们有:

<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加载，
不同时期。

Answer 1

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

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

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

来自 http://jqueryui.com/demos/tabs/#default