在表格單元格的開頭插入複選框

Question

我想在使用jQuery的HTML表格的每一行中的第一個單元格的內容之前插入一個複選框。我試過如下：

$("table td:first-child").each(function() { 
    $(this).append('<input type="checkbox" class="basic-kpi-row"/>'); 
}); 

這幾乎工程，將其插入複選框到正確的細胞，但內容之後，而不是之前的複選框出現。

Answer 1

$("table td:first-child").each(function() { 
    $(this).prepend('<input type="checkbox" class="basic-kpi-row"/>'); 
}); 

JS FIDDLE LINK

Answer 2

append()增加到最後。你想要prepend()，它會在任何現有內容之前添加你的新元素。

Answer 3

$("table td:first-child").each(function() { 
    $(this).prepend('<input type="checkbox" class="basic-kpi-row"/>'); 
}); 

參考prepend

Answer 4

需要您給我們prepend，而不是append也沒有必要使用.each()這裏

$("table td:first-child").prepend('<input type="checkbox" class="basic-kpi-row"/>'); 

演示：Fiddle

Answer 5

您需要使用預先準備的，而不是追加的追加將在年底添加的元素，而在前面加上將在TD的所有其他元素之前添加的元素

也沒有必要使用每個，你可以請使用以下內容：

$("table td:first-child").prepend('<input type="checkbox" class="basic-kpi-row"/>');