Javascript 显示内容两次-引导选项卡

当引导选项卡中有两个id相同的div时，它只激活一个是否正常

代码

<ul>
   <li><a data-toggle="tab" href="#id1" aria-expanded="false">ID1</a><li>
   <li><a data-toggle="tab" href="#id1" aria-expanded="false">ID1</a><li>
</ul>
<div class="tab-content">
    <div id="id1">
        Hello 
    </div>
    <div id="2">
        Hello Again :)  
    </div>
    <div id="2">
       OMG Hello Again :)  
    </div>
</div>

你好
您好：）
天哪，又是你好：）

---

但是当我点击ID2时，我只看到第一个div的内容，而忽略了另一个div，这正常吗？

是的，这是正常的，因为您对多个div使用相同的

id

，这会使另一个div消失。你不应该那样做

要实现这一点，您可以将div包装在父级中，并将其赋予

id=2

<ul>
   <li><a data-toggle="tab" href="#id1" aria-expanded="false">ID1</a><li>
   <li><a data-toggle="tab" href="#id1" aria-expanded="false">ID1</a><li>
</ul>
<div class="tab-content">
    <div id="id1">
        Hello 
    </div>
    <div id="2">
        <div> Hello Again :) </div>
        <div> OMG Hello Again :) </div>
    </div>
</div>

你好
您好：）
天哪，又是你好：）

是的，这是正常的，因为您对多个div使用相同的

id

，这会使另一个div灭绝。你不应该那样做

要实现这一点，您可以将div包装在父级中，并将其赋予

id=2

<ul>
   <li><a data-toggle="tab" href="#id1" aria-expanded="false">ID1</a><li>
   <li><a data-toggle="tab" href="#id1" aria-expanded="false">ID1</a><li>
</ul>
<div class="tab-content">
    <div id="id1">
        Hello 
    </div>
    <div id="2">
        <div> Hello Again :) </div>
        <div> OMG Hello Again :) </div>
    </div>
</div>

你好
您好：）
天哪，又是你好：）

如果您真的想拥有重复的标识符，请不要使用重复的ID。使用名称或类您希望它如何工作？目前，你的HTML甚至不生成引导标签，而<代码> HREF < /代码>都指向<代码> ID1。如果你违反了基本规则，你可能会得到意想不到的结果。文档中的id必须是唯一的，这是HTML中的一个id。请访问此网站，ilhafantasia.com.br，我使用这种选项卡方法来分隔事件，id是日期的slug，如果一天中有多个事件，哪些是重复的？您不能在创建时使ID唯一吗？如果您确实希望有重复的标识符，请不要有重复的ID使用名称或类。您希望它如何工作？目前，你的HTML甚至不生成引导标签，而<代码> HREF < /代码>都指向<代码> ID1。如果你违反了基本规则，你可能会得到意想不到的结果。在一个文档中id必须是唯一的是HTML中的一个。请看这个网站，ilhafantasia.com.br，我使用这种选项卡的方法来分隔事件，id是日期的片段，如果一天中有多个事件，则重复多次。您不能在创建时使id唯一吗？对于多个元素，您不能有相同的id。如果其他人正在这样做，那么请将此信息传达给他们您可以使用同一个ID两次，这是不应该的，因为像

document.getElementById（str）

这样的JavaScript方法只会返回第一个匹配的元素。是的，有一些变通方法，但正确的解决方案是，如果需要重复，只需使用类而不是ID。不要把一个正方形的钉子塞进一个圆孔中。因为像document.getElementById（str）这样的JavaScript方法只会返回第一个匹配的元素。你不应该使用重复的ID。永远不要因为一个坏习惯没有造成任何伤害就鼓励它！多个元素不能具有相同的id。如果其他人正在这样做，那么请将此信息传达给他们您可以使用同一个ID两次，这是不应该的，因为像

document.getElementById（str）

这样的JavaScript方法只会返回第一个匹配的元素。是的，有一些变通方法，但正确的解决方案是，如果需要重复，只需使用类而不是ID。不要把一个正方形的钉子塞进一个圆孔中。因为像document.getElementById（str）这样的JavaScript方法只会返回第一个匹配的元素。你不应该使用重复的ID。永远不要因为一个坏习惯没有造成任何伤害就鼓励它！