Question

使用自定义CMS＆＃34;表单构建器＆＃34;，我编写了一个广泛的表单，其中包含每个音乐的复选框列表＆＃34;类别＆＃34;从中选择不同的歌曲。表单以表格格式写入HTML，因此我使用下面的代码将其转换为无序列表格式，将其分为两列：

var query = (from t in gr.Tickets
        join cfit in gr.CustomForm on t.id equals cfit.TicketId
        where cfit.CustomFromFieldId == 5
        group cfit.field by cfit.SelectedCustomFormFieldItemId into g
        select g).ToList() or .Count();

我使用UL和两列获得了期望的结果，但是不是每个TABLE都被转换为具有它自己的LI的UL，而是使用所有LI来编译LI的两个长的巨大UL。之前在他们自己的表中分开。我怎样才能让每个ul / table分别转换？

在此处查看结果：http://dev601.webdugout.com/Song-Requests

Answer 1

您应该迭代每个checkList表并创建UL。截至目前，您正在迭代表行，因此您将获得单个无序列表

//Iterate each table
$("table.checkList").each(function(){
    //create ul for each table
    var ul = $("<ul class='songList'>");

    //Iterate on current table
    $("tr", this).each(function(){
        var li = $("<li>")
        $("td", this).each(function(){
            var p = $("<p>").html(this.innerHTML);
            li.append(p);
        });
        ul.append(li);
    });

    //Replace current table with ul
    $(this).replaceWith(ul);
});

$('.songList').cols(2);

将子项附加到具有相同类名的不同元素

1 个答案: