javascript - 使用 jquery 为每个可折叠面板组动态生成 id

Question

我通过单击按钮动态创建了一个可折叠面板组，我的问题是如何为每个创建的面板生成 ID。这是我的 jquery 代码:

var panel = '<div class="panel panel-default">';
    panel += '<div class="panel-heading">';
    panel += '<h4 class="panel-title">';
    panel += '<span class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#1">' + $('#queuename').val();
    panel += '</span>';
    panel += '</h4>';
    panel += '</div>';
    panel += '<div id="1" class="panel-collapse collapse in">';
    panel += '<div class="panel-body"></div>';
    panel += '</div>';
    panel += '</div>';
    panel += '</div>';
var hash = 1;
$('#Panelgroup').find(".accordion-toggle").attr("href",  "#"+ (++hash));
$('#Panelgroup').find(".panel-collapse").attr("id",hash);
$('#Panelgroup').append(panel);

Answer 1

您每次都将 hash 重置为 1。你可以把它变成一个全局变量，并有一个创建新面板的函数。每次调用该函数时，只需将全局变量递增 1。这样 hash 就不会每次都被重置。

var hash = 1;

function createPanel() {
    // code to create panel

    hash++;
}