Jquery动态增加行和删除行

$("#add_5").click(function(){

var str_1="<tr> <td><input type=\"text\" placeholder=\"商品名称\"  class=\"reg_input mput\"> </td>" +
"          <td>  <label class=\"radio\"> <input type=\"radio\"   name=\"Umbrella\">每天</label> " +
"  <label class=\"radio\"> <input type=\"radio\" checked=\"checked\" name=\"Umbrella\">每次 </label>  " +
"            </td><td>收费<input type=\"text\" placeholder=\"\"  class=\"reg_input mput\"> 元   </td>" +
"            <td><a class=\"cancel\ onclick=\"$(this).parents(\"tr\").remove()\" >取消</a></td>" +
"          </tr> ";
$("#add_5s").append(str_1);
});

/*删除选中行*/
$(".cancel").live("click",function(){
if(confirm("确定要删除吗?")){
$(this).parents("tr").remove();
 }
});
时间: 2024-10-11 22:19:53

Jquery动态增加行和删除行的相关文章

jquery 动态增加删除行

最近写程序,碰巧有动态增加删除行,下面就记录一下 html就不写了,也没有什么,直接上核心了 新增行 function addRow(obj){ //获得table一共有多少行,方便追加的时候给序号赋值 var length = $("#grid tr").length; //获得当前是第几行,以便追加的时候,在该行下进行新增,我这里跨的级别比较多,根据实际层级去定义 var current = $(obj).parent().parent().parent().prevAll().l

JQuery实现表格的增加行和删除行

利用JQuery实现datatables插件的增加和删除行操作 在学习过程中遇到了这个利用JQuery对表格行的增加和删除,特记录下来以供初学者参考. 下面是主要的代码: <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>zengjia he shancu </title> <meta charset="utf-8

jquery动态增加或删除tr和td【实际项目】

难点: (1)动态增加.删除tr和td (2)每天tr和td都有下标,且下标要动态变化, (3)tr和td为什么下标不能随便写,原因是此处需要把所有tr中的数据以list的形式发送到后台对象中,所有每天tr中的tr中name='对象[index].属性',必须有下标且下标要从0开始且要连续不能跳跃 (4)增加tr和td需要学习细节有: 创建td   var $tdName = $("<td class='in-ctt'></td>"); td添加内容   $td

【原创分享】动态新增行和删除行

由于工作的一个小需求,来写一写这个很小,但是新手朋友可能会有些迷惑的功能 记得刚工作的时候做过一个类似的功能,但是的思路不太记得了,只记得很乱,测出各种bug. 今天来看一下这次的思路,比较适合新手朋友,没有很多的jquery父子级关系 先看一下大概的界面 实现的就是点击新增一行会新增一条空白行,点击删除将这行删除,点击保存将信息保存 校验方面做得比较简单,只是标红不让提交 1. 先看一下 初始页面的主要代码 是不是很简单,初始化的页面 只有一条单独的空行和两个按钮外加两个隐藏域 这个小功能,唯

JQuery动态增加删除元素

<form action="" method="post" enctype="multipart/form-data"> <label>请选择上传的图片</label> <a href="javascript:addimg()">增加图片</a> <div class="mdiv" id="mdiv"> <di

js实现对table的增加行和删除行的操作

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Typ

js+jquery动态设置/增加/删除/获取元素属性的两种方法集锦对比(动态onclick属性设置+动态title设置)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html140/strict.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <title>

给Jquery动态添加的元素添加事件

给Jquery动态添加的元素添加事件 我想很多人都会向我一样曾经 被新元素的事件绑定困惑很久也就是在页面加载完成后给元素绑定了事件,但又新增加的元素上却没有绑定任何事件. js的事件监听跟css不一样,css只要设定好了样式,不论是原来就有的还是新添加的,都有一样的表现.而事件监听不是,你必须给每一个元素单独绑定事件. 常见的例子是处理表格的时候.每行行末有个删除按钮,点了这个能够删除这一行. <table>    <tbody>        <tr>        

[转载]给Jquery动态添加的元素添加事件

原文地址:给Jquery动态添加的元素添加事件作者:小飞侠 我想很多人都会向我一样曾经 被新元素的事件绑定困惑很久也就是在页面加载完成后给元素绑定了事件,但又新增加的元素上却没有绑定任何事件. js的事件监听跟css不一样,css只要设定好了样式,不论是原来就有的还是新添加的,都有一样的表现.而事件监听不是,你必须给每一个元素单独绑定事件. 常见的例子是处理表格的时候.每行行末有个删除按钮,点了这个能够删除这一行. <table> <tbody> <tr> <td