jquery实现增加删除行的方法

2020-05-23 06:09:04易采站长站整理


 
//删除行 
function delRow(rowIndex){ 
    $(“#option”+rowIndex).remove(); 
    rowCount–; 
}

需要注意的是,表单的<tr>中需要定义ID,如果默认有行的,就如代码所示有规律地定义好ID,这样可以方便添加一行的时候定义新行ID。

JS中要定义一个行数变量,因为我的表单中默认了4行(第一行,即id=’option0’这行可以不用管),所以JS中定义的rowCount默认为4.

OK,完事。就如此的简单。

另外,如果需要在指定位置增加行,需要这么写
$(“#tab tr”).eq(-2).after(“<tr style=’border:none;’><td style=’width: 120px;border:none;’ align=’right’><strong>关键词名称:</strong></td><td style=’width: 225px;border:none;’><input type=’text’ name=’name’ id=’smsName’ style=’width: 135px;’/> <span class=’red’> *</span></td></tr>”);

-2就是在倒数第二个tr后面增加行。
tab是表格的id

希望本文所述对大家的jQuery程序设计有所帮助。