在表格单元格的开头插入复选框

Question

我想在使用jQuery的HTML表格的每一行中的第一个单元格的内容之前插入一个复选框。我尝试了以下方法：

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

这几乎可行，它会将复选框插入正确的单元格，但复选框会显示在内容之后而不是之前。

Answer 1

append()添加到最后。您需要prepend()，它会在任何现有内容之前添加您的新元素。

Answer 2

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

参考prepend

Answer 3

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

JS FIDDLE LINK

Answer 4

您还需要我们prepend代替append，此处无需使用.each()

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

演示：Fiddle

Answer 5

你需要使用prepend而不是append as append将在末尾添加元素，而prepend将在td中的所有其他元素之前添加元素

也没有必要使用每个，你可以使用下面的内容：

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