将表行中的内容添加到可折叠列表Jquery Mobile

Question

我正致力于面向Android，iOS，Windows和BB平台的跨平台应用程序。我正在使用Phonegap 2.8.0，jQuery 1.9.1和Jquery Mobile 1.4。

我有一个有2行的表。我希望能够从每个表行获取第一个，并在可折叠列表的标题中创建一个新的可折叠列表。将创建的每个可折叠列表应该有3个项目，可以动态链接到javascript函数。

HTML

<table id="Table"> <tr> <td>Header One</td> </tr> <tr> <td>Header One</td> </tr> </table>

JS

$("#Table).find('tr').each(function (i) {  /*Wanted to get hold of each row in table and then each td in every row*/
    var $tds = $(this).find('td'),
   TdName = $tds.eq(0).text();

    $("#Header_1").html(TdName); //to set collapsible list header

});

我想要的是能够动态创建2个可折叠列表（因为有2个表行），其中包含3个列表项，并且还为列表项添加了onclick功能。

任何人都可以帮助我。

万分感谢。