Jquery ui 使用jQuery选项卡时避免使用ID

根据，tabs块应该包含链接列表，每个链接通过其ID引用tab内容块：

<div id="tabs">
  <ul>
    <li><a href="#tab1">Header 1</a></li>
    <li><a href="#tab2">Header 2</a></li>
  </ul>
  <div id="tab1">Content of tab 1</div>
  <div id="tab2">Content of tab 2</div>
</div>

表1的内容
表2的内容

当我需要将其放入

以便能够将其多次插入文档时，问题就出现了。由于ID在整个文档中必须是唯一的，所以我不能选择它

---

有没有办法不在jQuery UI选项卡上使用id？

从js生成id并将它们附加到

@benjaminc，这是一个选项，但有没有更简单的解决方案？没有

id

你就不能这样做，因为

a

标记和

div

应该连接，唯一的方法是

href

和

id

。您可以在不使用jQuery选项卡库的情况下显示内容，例如通过元素的索引显示和隐藏

div

s。