Jquery 附加到可折叠集的最后一个元素的列表

我将创建动态可折叠集，并向每个集添加动态listview

我是这样做的：

    function querySuccess(tx, results) {

        $.each(results.rows,function(index){ 
           var row = results.rows.item(index);
           var list=$('#List').append('<li><h3 class="ui-li-heading">'+'</h3><p class="ui-li-">'+row['data']+'</p></li>');

           var div = '<div data-role="collapsible" data-inset="false" data-iconpos="right"><h3>'+row["data"]+'</h3></div>';

           $(list).appendTo(div).parent().appendTo('[data-role="content"]').end().trigger("create");
           $('div[data-role=collapsible]').collapsible({theme:'c',refresh:true});

        });         
     } 

函数查询成功（发送，结果）{
$.each（results.rows，函数（index）{
变量行=结果行项目（索引）；
变量列表=$（“#列表”）.append（“
”+”
”+行['data']+”
”）；
var div=''+行[“数据”]+''；
$（list）.appendTo（div.parent（）.appendTo（'[data role=“content”]'）.end（）.trigger（“create”）；
$（'div[data role=collapsable]'）。可折叠（{theme:'c'，refresh:true}）；
});         
} 

---

但是动态listview只附加到最后一个可折叠元素，而不能附加到其他元素。我犯了什么错误？

这是jquery mobile，对吗？如果是，您应该在标记部分添加它。而且我不明白你想要完成什么。也许JSFIDLE是个好主意“var list”和“$（list）”的用法看起来可疑，因为第一个是在每个循环中重新定义的JS局部变量，第二个是引用第一个的JQuery对象。在每个循环中，列表都在增长，并且来自行a、b、c的父div中的预期结果可能类似于a、a、b、a、b、c。你能举个例子说明你得到了什么和你想要什么吗？