`

最少代码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文件
分享到:
评论

相关推荐

    jQuery实例源码

    "锋利的jQuery实例源码"是一份集合了各种实用jQuery技巧和案例的资源,旨在帮助开发者用最少的代码实现最多的功能。 一、jQuery基础 1. **选择器**:jQuery提供了丰富的选择器,如`$("#id")`用于选取ID为特定值的...

    jquery中文版

    无论是添加、删除节点,还是更改节点的属性或内容,jQuery都能以最少的代码量完成。这种能力在动态生成网页内容、构建复杂用户界面时显得尤为重要。 #### AJAX通信:异步数据处理 jQuery简化了AJAX(Asynchronous ...

    jquery1.4和jquery帮助文档

    jQuery的核心理念是“Write Less, Do More”,它的API设计注重简洁性,使得开发者可以以最少的代码实现丰富的功能。jQuery 1.4作为早期的重要版本,虽然现在的开发更倾向于使用更新的版本,如3.x或更稳定版本的2.x,...

    js限制textarea每行输入字符串长度的代码.docx

    // 添加行分隔符 } } if (field.value !== value) { field.value = value; } if (checkstr(value, maxlimit)) { field.value = value.substring(0, maxlimit); // 删除超出的多余字符串 } } function ...

    jQuery使用技巧

    1. **简洁快速:** jQuery 的设计目标之一就是让开发者能够用最少的代码完成更多的事情,其简洁的语法让开发者能够快速上手。 2. **灵活性:** 无论是操作 DOM 元素、处理事件、实现动画效果还是集成 Ajax 功能,...

    围住神经猫

    它还允许我们方便地进行元素添加、删除和修改。 2. 事件处理:使用`.on()`方法可以绑定各种事件,如`$("element").on("click", function() {...})`监听元素的点击事件。 3. 动画效果:`.fadeIn()`, `.fadeOut()`, `....

    雨楠多配送员订购系统(含手机版) v2017.3.27.zip

    我们致力用最少的页面,最少的代码开发最有用的系统; 本订购系统专业服务系统主要针对便利店、连锁店、餐饮店、配送中心等开发; 本系统全新代码,全新逻辑关系,全新数据库,全新注释; 本系统主要包括区域管理...

    javascript万年历

    这可能需要用到像jQuery这样的库来简化兼容性问题。 7. **可访问性**:考虑到残障人士的需求,万年历应遵循无障碍网页标准,如使用ARIA属性来帮助屏幕阅读器用户理解日历元素。 8. **优化性能**:如果日历需要频繁...

    nubuilder4:该存储库不再维护!

    nuBuilder使您能够以最少的工作量和最少的学习量制作所需的任何应用程序。 nuBuilder Forte是nuBuilder的第4版。 nuSoftware创建的基于浏览器的工具,用于开发基于Web的数据库应用程序。 nuBuilder使用MySQL或...

    雨楠旅游网全新服务系统最新官方版

    20、友情连接可以后台进行添加,编辑和删除; 21、数据库可以进行初始化、备份、还原、压缩; 22、菜单栏目可以自由设置栏目的属性为线路、酒店、景点、租车或新闻模块; 23、后台可以查看会员信息、会员支付记录、...

    利用ASP.NET MVC+EasyUI+SqlServer搭建企业开发框架

    工具栏包含了添加、编辑和删除操作的按钮,以及一个搜索框和详细查询选项。例如,我们定义了一个名为"dataGrid"的表格,它有四个字段:customerId、companyName、phone和address。此外,我们还为按钮和搜索框绑定了...

    .net 数据表格显示控件介绍

    GridView是最常用的数据表格控件,它用于以表格形式显示数据,支持数据的自动绑定、排序、分页、编辑和删除。通过数据源控件,如SqlDataSource或ObjectDataSource,GridView可以轻松地与各种数据源(如数据库、XML...

    java面试题

    请用java写二叉树算法,实现添加数据形成二叉树功能,并以先序的方式打印出来. 119 84.12. 请写一个java程序实现线程连接池功能? 122 84.13. 编一段代码,实现在控制台输入一组数字后,排序后在控制台输出; 122 ...

Global site tag (gtag.js) - Google Analytics