Javascript 对popover使用相同的ID

我的网站上有多个按钮，我希望它们都使用相同的popover ID。问题是，唯一有效的popover是页面顶部的按钮

如果我单击任何其他按钮（具有完全相同的设置和popover ID），它将不会打开。只有最上面的一个打开

---

如何解决这个问题？

我必须使用类，而不是使用ID。

然后让

popover

按类选择元素，并使类不同，这样可以使所有ID相同。不要在同一DOM中使用重复ID。检索时，它只提供1个节点。所以，在标题中使用类名应该是唯一的。为什么要对所有按钮使用相同的ID？正如@karthikr和KevinM1所说的，ID应该是唯一的。如果您希望所有按钮都显示相同的popover，那么您应该为所有按钮使用相同的CSS类，并使用该类作为选择器来激活popover。我认为他说的是使用相同的目标ID。也就是说，拥有一个带有

ID=“something”

的唯一popover，并使用多个按钮来定位它，只有一个

#something

元素。