$(document).ready(function(){
// 增加一行
var i=1;
$("#add").click(function(){
if(i<5){
var idval = 'tr'+i;
var opp = 'td'+i;
var tr = "<tr id="+idval+" height='25'><td><input type='text' name='spec' value='' id="+opp+" size='30' /> </td></tr>";
$(tr).appendTo("#table");
}
i++;
});
// 点击删除，则删除对应的行
$("#del").click(function(){
var tr_id = $("table>tbody>tr:last").attr("id");
$("#"+tr_id).remove();
});
});
也可以给tr赋值id号，删除的时候检索到id值，对应删除行就好了。。
你下载附件试试，测试过了，ok的。。。id、class之类的对应修改好就好了
<head>
<title>
</title>
<script src="js/jquery-1.4.2.min.js" type="text/javascript"></script>
<script type="text/javascript" language="javascript">
var row_count = 0;
function addNew()
{
var table1 = $('#table1');
var firstTr = table1.find('tbody>tr:first');
var row = $("<tr></tr>");
var td = $("<td></td>");
if (row_count < 5){
td.append($("<b>TR TD"+row_count+"</b>")
);
row.append(td);
table1.append(row);
row_count++;
}
}
function del()
{
var table1 = $('#table1');
var lasttr = table1.find('tbody>tr:last');
if (row_count > 0){
lasttr.remove();
row_count = row_count-1;
}
}
</script>
</head>
<body>
<input type="button" value="Add" onclick="addNew();">
<input type="button" value="Delete" onclick="del();">
<div id="rightcontent">
<table id="table1" cellspacing="3" cellpadding="3" border="1">
<tbody>
<tr>
<th>下面举例</th>
</tr>
</tbody>
</table>
</div>
</body>
</html>
增加一行，就给row_count+1，判断，没有超过5就执行，超过5了，点击也不执行，
删除一行，就-1，=0了就是说没有行了，就不执行remove()
，也可以判断给按钮加一个禁止样式。
$("#add_row").click(function(){
rowsnum++;
if(rowsnum<=5)
$("#table").append("<tr><td class='td_title'><input type='text' name='agenda' class='input100'/></td><td class='td_display center'><input type='button' value='删除' class='btn4' onclick='deleteRows(this)'/></td></tr>");
});
function deleteRows(obj){
$(obj).parent().parent().remove();
}
看老夫这答案只值5分吗追问
如果我增加了5行后，删除一行，再增加一行就不行了。。求再次解答。。
追答rowsnum--;
在deleteRows中啊 我去 你真是逗
...要求:用按钮对表格的行进行增删,并且增加的行数不能超过5行。。_百...
也可以给tr赋值id号，删除的时候检索到id值，对应删除行就好了。。你下载附件试试，测试过了，ok的。。。id、class之类的对应修改好就好了
jquery里怎么用clone给表格增加一行
("#table").on("click","button.deltr",function(){ var $tr=$(this).parents("tr"); $tr.remove();});可以参考这里，有完整的在线实例演示：query实例：表格里点击按钮后添加一行，新添加的行附带删除按钮
js写一个的表格,通过点击按钮给表格增加一行
答案完善了一下，代码如下。其实这样有bug，但是比较容易修改，只要完善一下function addtab() 就行。 function addtab(){ var tcount=$("#tab tr").length; var tpl=''+tcount+'姓名年龄删除'; $("#tab").append(tpl); } function deltab(x){ $("#s"+x)...
请问怎么动态添加一个表格,表格的行可以添加和删除 name:<textarea><...
\/\/删除行按钮定义 var bt_del = $("");\/\/插入按钮 ('table').before(bt_del).before('').before(bt_add);\/\/为每个表格的每个添加行按钮关联click动作 \/\/以每个表格的最后一个tr元素为模板复制并append到表格内 ('.bt_add').click(function(){ \/\/this指按钮元素 var last_tr = $(thi...
JQuery中用c:forEach循环生成数据行,其中第一列是checkbox
本节视频我们来聊一聊如何添加数据表的行与列。Treelab 官网：www.treelab.com.cn
求用jquery实现简单的增删改查,不要求界面,最好是增删改查各用一个...
function DeleteItemResourceMethod(lis) { deletesn = lis;.ajax({ type: "POST",contentType: "text\/html; charset=utf-8",url: '..\/..\/DeleteData.ashx?t=ResourceFile&s1=<%=Request.QueryString["Id"] %>&s=' + lis + '&MemberId=<%=Session["MemberId"] %>',dataType: "text"...
js 表格的每一行都有一个按钮 点击按钮修改当前行某一列的信息
1、首先开始新建html文件。2、然后创建一个三行三列的表格。3、接下来开始创建js函数。4、接下来开始进行定义变量获取行。5、然后就将函数加在按钮上。6、就可以看到预览效果如图。7、最后点击第二个按钮删除 第二行。
Asp按钮操作网页上表格增加一空行或删除一空行,怎么写?
function($){ \/\/添加行 $("#add1").click(function(){ $("#table2>tbody").append('删除') });});\/\/删除行的函数，必须要放domready函数外面function deltr(delbtn){ $(
如何用Jquery获取Table指定行中指定列的数值
jQuery 遍历的 eq() 方法将匹配元素集缩减值指定 index 上的一个，index表示元素的位置（最小为 0）。所以获取Table第 i 行第 j 列的内容可用如下代码 ("table").find("tr").eq(i-1).find("td").eq(j-1).text(); \/\/ 注意-1是因为index从0开始计数实例演示 创建Html元素 填写行列数...
php 中 怎么实现点击按钮 然后从MYSQL中删除对应行的数据
假设你的删除按钮是： 这里的id实际代表该行对应的数据库中的ID。（明白的吧？）下面用jquery处理 (document).ready(function(){ (".del_button").each(function(){ (this).click(function(){ var $id = $(this).attr("id");.post('这是你执行删除动作的php文件，如：del_post.php',...
