今日の備忘録（jQueryでテーブルの行追加、行削除）

$(function(){
$(".add").click(function(){
var tbl = document.getElementById("tbl");
var row = tbl.rows.length;
var row_data = '<tr>';
row_data += '<td>' + tbl.rows.length + '</td>';
row_data += '<td>○○○○</td>';
row_data += '</tr>';

$("#tbl tr:last").after(row_data);
return false;
});

$(".del").live('click',function(event) {
$(this).parent().parent().remove();

var tbl = document.getElementById("tbl");

//行番号ソート
for (var i = 1; i < tbl.rows.length; i++ ) {
var row = tbl.rows[i];
row.cells[0].innerHTML = i;
}
return false;
});
});