`

最少代码jquery添加行、删除行

阅读更多
下面这个是html代码
		  	<table id="tabId" border="0">
		  		<tr><th>文件</th><th>评价</th><th>操作</th></tr>
		  		<tr id="trId"><td><input name="auditBibliography" type="text" label=""></input></td><td><input name="completionAcceptanceFile" type="text" label=""></input></td><td><input type="button" value="增加行" onclick="addTr();"/><input type="button" value="删除行" onclick="delTr(this);"/></td></tr>
		  	</table>



下面这个是JS代码
function addTr(){ 
	var $tr=$("#trId").clone(); 
	$("#tabId").append($tr);
	$("#tabId").find("tr:last").children().find(':text').each(function(){
		$(this).val("");
	});
}
function delTr(k){
    //第一行禁止删除
    if($("#tabId").find("tr").length>2){
		 $(k).parent().parent().remove();    
	}   
}


效果就不掩饰了,不过只是针对text的操作。

记住要加入jquery.js文件
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics