使用jquery对表格的行进行增删。要求：用按钮对表格的行进行增删，并且增加的行数不能超过5行。。

$(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' />&nbsp&nbsp</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之类的对应修改好就好了

不懂太你的描述~

页面上面的三张表格是隐藏的？

点击增加按钮的时候，是把隐藏的表格显示？

点击删除按钮的时候，是把显示的表格隐藏？

补充：

以下为页面控件概述：

三个表格控件：

<table id="table1"></table>

<table id="table2"></table>

<table id="table3"></table>

一个下拉菜单控件：

<select id="select1"></select>

一个增加按钮：

<input type="button" id="btnAdd" />

一个删除按钮：

<input type="button" id="btnDelete" />

以下为js代码：

$(function () {

var $select1 = $("#select1")

var $tempTables = $()//用于缓存table

//为select增加所有table列表

$("table").each(function () {

var id = $(this).attr("id")

$select1.append($("<option></option>").val(id).text(id))

})

//为增加按钮绑定事件

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

//克隆选择的table，并去除id

var cloneTable = $("#" + $select1.val()).clone().removeAttr("id")

//加入页面中

$("body").append(cloneTable)

//加入缓存中

$tempTables = $tempTables.add(cloneTable)

})

//为删除按钮绑定事件

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

//移除所有新增的table

$tempTables.remove()

//重置缓存

$tempTables = $()

})

})

代码纯手打~没测试过~有问题你给我说~应该没问题~

希望对您有帮助~

By Billskate

---