Javascript 无唯一标识符的引导折叠

我正在尝试以一种不需要唯一标识符的方式使用引导折叠插件。通常，页面上通常有一个或几个可折叠的元素

---

但是，我的元素是动态生成的，传递索引键太过繁琐了

现在发生的是，如果我切换

element2

的折叠，它将折叠

element1

。显然是因为他们有相同的身份证

有没有办法在不给每个可折叠元素一个唯一id的情况下实现这一点

下面是一个功能性js小提琴：

---

这是可以做到的。首先从要折叠的元素中删除

数据目标=“#collapseExample”

。然后添加一个额外的类到你的切换按钮，我添加了“collapser”。这并不是真的需要，但是识别切换按钮很好。然后添加一些jQuery来进行切换，在本例中，我使用

next（）

来获取切换按钮的后续元素，这是您希望折叠的元素

$('.collapser').click(function() {
    $(this).next().collapse('toggle');
});

---

“传递索引键太过分了。”这没有多大意义。只需使用相同的动态生成id生成链接和div。@devJunk是正确的。怎么会有过度杀伤力呢？我看不到任何其他的方法，我想在不需要这样做的情况下让它工作。显然，这是一种可能性，我让它以这种方式工作，但现在编写代码的方式将变得有点混乱。编辑：在我看来，使用ID是一个简单的方法。显然，这不能用插件本身来完成。但这可以通过使用jquery的

find（）

和

parent（）方法来实现。那么我就这么做。给你-不需要id:-）不需要被动的攻击性。我只是说，通过ID绝不是过火。