jquery - 使用 jQuery 添加表格单元格

Question

在使用 jQuery 单击按钮后，我正在添加一个表格行。首先，用户从下拉列表中选择一个值。然后从多选下拉列表中选择一个或多个值并单击按钮。我设置了一个表格，其中有两列显示用户刚刚选择的数据。`要显示多选下拉列表中的值，我需要执行类似的操作

 $('#tblDeleteInfo').append("<tr><td>" + $('#ddlDeleteUPC :selected').text() + "</td><td>" +
                $('#ddlDeleteUPCStores :selected').each(function (sel) {
                    append(($(this).text() + "  "));
                })
            + "</td></tr>");

但是在循环中，我需要做一些事情来将文本附加到我刚刚生成的表格单元格中......有什么想法吗？

Answer 1

演示：小提琴

var tableRow = "<td>";
tableRow += $('#ddlDeleteUPC :selected').text();
tableRow += "</td><td>";
$('#ddlDeleteUPCStores :selected')
    .each(function (sel) {
                tableRow += $(this).text();
    });
tableRow += "</td>";
$('#tblDeleteInfo').append("<tr>" + tableRow + "</tr>");

Answer 2

尝试这个

    $('#ddlDeleteStores :selected').each(function (sel) {
        $('#tblDeleteInfo').append("<td>"+ ( $(this).text() + "  ") +"</td>");
    });