沒有唯一標識符的自舉崩潰

Question

我正在嘗試以不需要唯一標識符的方式使用bootstrap崩潰插件。 通常，頁面上通常只有一個或幾個可折疊元素。

但是我的元素是動態生成的，並且傳遞索引鍵是過大的。

現在發生的是，如果我切換element2的折疊，它將折疊element1 。 顯然是因為它們具有相同的ID。

在沒有實際為每個可折疊元素賦予唯一標識的情況下，有什么方法可以實現？

這是一個實用的js小提琴：

http://jsfiddle.net/hhvrjnr3/

Answer 1

可以辦到。 首先，從要折疊的元素中刪除data-target="#collapseExample" 。 然后在您的切換按鈕中添加一個額外的類，我添加了'collapser'。 確實不是必需的，但是很容易識別切換按鈕。 然后添加一些jQuery進行切換，在這種情況下，我使用next()將后繼元素添加到切換按鈕，這是您希望折疊的元素。

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

jsFiddle示例