用jQuery添加表格單元格

Question

我在用jQuery點擊按鈕後添加了一個表格行。首先，用戶從下拉列表中選擇一個值。然後從多選下拉列表中選擇一個或多個值，然後單擊該按鈕。我有一個表格，它有兩列顯示用戶剛纔選擇的數據。 `要顯示多選擇下拉列表中的值，我需要做的是這樣

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

，但在循環中，我需要做些什麼來追加文本我剛纔生成的表格單元格....任何想法？

Answer 1

演示：fiddle

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>"); 
    });