sql - Phonegap - for ループに折りたたみ可能なセットを追加するには?

Question

私は立ち往生しています。折りたたみ可能なセットを for ループに追加するにはどうすればよいですか? 以下のコードを試してみましたが、h3 フィールドと p フィールドしか表示されません。折りたたみ式セットは機能しません。助けてください。

function querySuccess(tx, results) {

    var len = results.rows.length;

         var display ="";

         display +="<div data-role='collapsible-set'>";
    for (var i=0; i<len; i++){
         display +="<div data-role='collapsible'  data-collapsed='true'>";
         display += "<h3>"+ results.rows.item(i).title +"</h3>";
         display += "<p>"+ results.rows.item(i).line1 +"</p>";
         display +="</div>";
    }
         display +="</div>"; 
          document.getElementById("news_DB").innerHTML = display;

    }

Answer 1

これを試して

$.each(results.rows,function(index){ 
           var row = results.rows.item(index);

 $('<div data-role="collapsible"><h3>'+row['col_name']+'</h3><p>Content</p></div>').appendTo('[data-role="content"]');
$('div[data-role=collapsible]').collapsible({theme:'c',refresh:true});
  });

        }