jquery动态新增行、删除行

//动态增加行
function addRow(){
var tb = document.getElementById("tenderInfo");
var rnum = tb.rows.length+1; 
var row = tb.insertRow();

var cell = row.insertCell();
cell.style.textAlign="center";
cell.innerHTML ="<input type=\"text\" name=\"tenderName\" />";


 
cell = row.insertCell();
cell.style.align="center";
cell.innerHTML ="<input type=\"text\" name=\"tenderScope\" />";
 
cell = row.insertCell();
cell.style.align="center";
cell.innerHTML ="<input type=\"text\" name=\"tenderOrganization\" />";
 
cell = row.insertCell();
cell.style.align="center";
cell.innerHTML ="<input type=\"text\" name=\"tenderWay\" />";
 
cell = row.insertCell();
cell.style.align="center";
cell.innerHTML ="<input type=\"text\" name=\"tenderMoney\" />";
 
cell = row.insertCell();
cell.style.align="center";
cell.innerHTML ="<input type=\"text\" name=\"untender\" />";
 
cell = row.insertCell();
cell.style.align="center";
cell.innerHTML ="<input type=\"text\" name=\"remark\" />";
 
cell = row.insertCell();
cell.style.align="center";
cell.innerHTML ="<input type=\"button\" name=\"delRow\" value=\"删除\" class=\"clickInput\" id="+rnum+" />";
}

//动态删除行，必须要用live去绑定，因为动态增加的行的onClick事件不能被触发

$(function(){

$('.clickInput').live('click', function() {

//取得动态生成的id

var rowid = $(this).attr("id");

//取得input的父亲td的父亲tr，最后remove掉

  $("#"+rowid).parent("td").parent("tr").remove();
});
});