时间:2021-05-25
代码如下:
html
复制代码 代码如下:
<div>
<table>
<tr><td>1111</td><td><input type="button" value="添加下一行" /><input type="button" value="删除下一行" /></td></tr>
<tr><td>2222</td><td><input type="button" value="添加下一行" /><input type="button" value="删除下一行" /></td></tr>
<tr><td>4444</td><td><input type="button" value="添加下一行" /><input type="button" value="删除下一行" /></td></tr>
</table>
</div>
jquery代码:
复制代码 代码如下:
<script type="text/javascript" src="Scripts/jquery-1.4.1.js"></script>
<script type="text/javascript">
$(document).ready(function () {
ModifyClick();
});
function ModifyClick() {
$("table tr input[type='button'] ").each(function () {
$(this).unbind("click");
$(this).bind("click", function () {
if ($(this).val() == "添加下一行") {
$(this).parent().parent().after("<tr><td>Add</td><td><input onclick=\"ModifyClick()\" type=button value=\"添加下一行\" /><input onclick=\"ModifyClick()\" type=button value=\"删除下一行\" /></td></tr>");
}
if ($(this).val() == "删除下一行") {
$(this).parent().parent().next().eq(0).remove();
}
});
});
}
</script>
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
本文实例讲述了超级简单的jquery操作表格方法。分享给大家供大家参考。具体实现方法如下:利用jquery给指定的table添加一行、删除一行复制代码代码如下:
实现功能:1/当textarea换行时自动增加一行高度2/当textarea删除一行时自动减少一行的高度依赖:jquery.xxx.js工作中需要使用类似功能但
本文实例讲述了JS/jQuery实现超简单的Table表格添加,删除行功能。分享给大家供大家参考,具体如下:最近需要表格添加删除行,添加行简单,删除行就有点儿懵
Word表格中增加一行的操作方法: 1、首先在插入菜单栏找到表格,根据需要设置好初始表格几行几列; 2、若需要增加一行,则将光标定位在表格最后一行右端(表格
本文实例为大家分享了JScript实现表格的简单操作,供大家参考,具体内容如下实现思路:1、添加时:获取当前列表的行数,在当前一行添加下一行;2、用insert