没有ID的Bootstrap nav-tabs

Question

我想创建一个显示不同标签信息的插件。

它必须在一个页面上使用多个实例，因此我不能（并且不想）使用ID

是否可以使用标签？例如，通过data-attribute？就我所见，他们只解决以id为目标

的div

感谢

编辑：我注意到它确实适用于类。但又一次：如果我有多个实例，我怎样才能区分＆＃34;对＆＃34;标签显示？

编辑： 代码

    <ul class="nav nav-tabs">
        <li class="active"><a data-toggle="tab">Home</a></li>
        <li><a data-toggle="tab">Other</a></li>
    </ul>


    <div class="tab-content">

        <div <!-- how to reference this? --> </div>
        <div <!-- how to reference this? --> </div>

    </div>

如果我show()选项卡，则会打开带有相应id的div，对吗？ 但如果没有id怎么办？

Answer 1

data-target属性可以获得一个CSS选择器。 （例如data=target=".somewhere .tab1"）

但是，这并不能消除提供上下文感的需要。如果您只是说：切换.class1，则它将切换所有具有class="class1"的元素。因此，您需要以某种方式使其具有独特性。