Question

所以在我的网站代码中，我使用jquery动态创建div元素，这些元素基本上是模板的克隆（在页面中编写HTML，我只是根据数据库中的数据克隆它）。下面我将编写我正在克隆的html代码

<div class="list">
div class="menu"> <button class="accordion">Room 1</button>
<div class="panel"> 
    <div class="exhibits">Exhibit 1</div>
    <button id="addnewBtn">Add new Exhibit BTN</button>

和我用来克隆它的jquery代码如下所示

$(template).clone(true).appendTo('.list');
            $('.accordion').last().attr('id','accordion'+array[i].id);
            $('#accordion'+array[i].id).html("Room"+array[i].id);

所以jquery所做的是，它克隆上面的HTMl代码并将其附加到class =＆＃39; list＆＃39;然后添加一个id，以便我可以区分每个手风琴菜单，并更改其标题。因此，当我的数据库中有4个房间时，您将看到网站上的房间1，房间2，房间3，房间4，带有ids accordion1，accordion2等 ids存储在一个数组中，用于在房间内加载展品的另一个功能

我的问题是我需要网站根据所选房间向用户展示一些展品。这些展品将被放置在div class =＆＃39;展品中。，这是一个＆＃39;孙子＆＃39;手风琴但我找不到办法做到这一点。我发现你可以使用像$（＆＃39;＃accordion1 #exhibits）这样的东西（目前展览是一个课程，试着把它作为一个班级和一个id），甚至添加＆＃39; .panel＆＃39;他们之间（如果你检查HTML，这两个之间的类）为了在正确的部分添加数据，但我试图使其工作的方式，不起作用。以下是我目前正在尝试将展品添加到特定房间的代码

$('#'+roomcounter[j+1]+' .exhibits').append(('<br>')+array[i].exhibitname+('<button id="addnewBtn">Add new Exhibit BTN</button></br>'));

其中roomcounter [j + 1]是存储动态创建的手风琴的id的数组。例如，它会显示＆＃39; accordion1＆＃39; 但是在网站上，没有任何内容显示出来（所有数组，数据存储和检索工作。每一个都经过测试）所以关于这个问题的任何想法都是什么？

选择由jquery

0 个答案: