javascript - 表のセルの先頭にチェックボックスを挿入する

Question

jQuery を使用して、HTML テーブルの各行の最初のセルのコンテンツの前にチェックボックスを挿入したいと考えています。私は次のことを試しました：

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

これはほとんど機能し、チェックボックスを正しいセルに挿入しますが、チェックボックスはコンテンツの前ではなくコンテンツの後に表示されます。

score 1 · Accepted Answer

you need to us prependinstead of appendalso, there are no need to use .each()here

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

score 0 · Accepted Answer

append の代わりに prepend を使用する必要があります。append は要素を最後に追加し、prepend は td 内の他のすべての要素の前に要素を追加します。

また、それぞれを使用する必要はありません。以下のみを使用できます。

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

5 に答える 5