行を追加する
|
1 2 3 4 |
$("#rowAdd").click(function() { // <tr>（先頭行）要素をコピーし、元の行の直下に追加 $("#table-tbody>tr").eq(0).clone(true).insertAfter($(this).parent().parent()); }); |
行を削除する
|
1 2 3 4 |
$("#rowDelete").click(function() { // 選択行を削除 $(this).parent().parent().remove(); }); |
行を一つ上に移動させる
|
1 2 3 4 5 6 7 |
$("#rowUp").click(function() { // 選択行を一つ上へ移動 var row = $(this).parent().parent(); if($(row).prev("tr")) { $(row).insertBefore($(row).prev("tr")[0]); } }); |
行を一つ下に移動させる
|
1 2 3 4 5 6 7 |
$("#rowDown").click(function() { // 選択行を一つ下へ移動 var row = $(this).parent().parent(); if($(row).next("tr")) { $(row).insertAfter($(row).next("tr")[0]); } }); |
行番号を振り直す
|
1 2 3 |
$("#table-tbody tr").each(function(i) { $("#table-tbody tr").eq(i).find(".col-1").text(i + 1) }); |