博主最新文章
博主热门文章
您举报文章：
举报原因：
原文地址：
原因补充：
(最多只允许输入30个字)循环动态生成的table，每行有个按钮,其id是用增量的,怎么调用jQuery的click()呢_百度知道
循环动态生成的table，每行有个按钮,其id是用增量的,怎么调用jQuery的click()呢
生成table的代码，arr传入的：
&table border=&1&&
&th&id&/th&
&th&num&/th&
&th&op&/th&
&% for(var i = 0; i & arr. i++){ %&
&td&&%= arr[0].id %&&/td&
&td&&%= arr[0].id %&&/td&
&td&&input ty...
回答都是不靠谱不能行的，这个问题困扰了好几天，刚刚突然查找到别人的解决办法：用：$(&.del&).on(&click&,function(){......}）;&.del&是我在删除按钮里加的class，这样点击各个删除按钮，触发的就是各自的click()了。见有人说用live()【可以查文档】，但我用着没作用，在另个相同问题的回答里找到了答案：这里采纳的答案是不能行的，提问者在后来给出了方法，请看到该页最下端的回答。
我有更好的答案
其实可以这样。你给给每个删除一个data，&input type=&button& id=&delbtn&%= i %&& value=&删除& class=&delbtn& data=&&%=i%&&&$(&.delbtn&).click(function(){//do somethingvar data=$(this).attr(&data&);window.location.href=&del.jsp?id=&+});
采纳率：34%
//&按照你生成的&input&的&id&，可以如下绑定方法&script&type=&text/javascript&&&&&&//&页面加载完的时候执行&&&&$(function(){&&&&&&&&//&找到&input&中&id&以&delbtn&开头的控件，绑定&click&事件&&&&&&&&$(&input[id^='delbtn']&).click(function(){&&&&&&&&&&&&//&每个按钮执行该方法&&&&&&&&&&&&//&按钮的父节点&td&的父节点&tr&.remove()&删除掉&&&&&&&&&&&&$(this).parent().parent().remove();&&&&&&&&})&&&&})&/script&//&当然，你也可以为你的&&input&&添加一个&onclick&事件//&你在循环中写&&td&&input&type=&button&&id=&delbtn&%=&i&%&&&value=&删除&&onclick=&deleterow(this)&&/&&/td&&//&然后添加&js&方法&script&type=&text/javascript&&&&&&function&deleterow(input){&&&&&&&&//&找到&input&的父节点&td&的父节点&tr&&&&&&&&var&row&=&input.parentNode.parentN&&&&&&&&//&找到&tr&的父节点&tbody，删除（js的删除节点要用&removeChild(node))&&&&&&&&//&从&tbody&中删除掉&row&那一行&&&&&&&&row.parentNode.removeChild(row);&&&&&&&&&&&&&&&&//&如果你要用&jquery&也可以，如下&&&&&&&&//&先把&input&变成&jquery&对象，找到父节点&td&的父节点&tr&.remove()&&&&&&&&//&就会删除掉该行了&&&&&&&&//&$(input).parent().parent().remove();&&&&}&/script&
很简单的$(function(){&&&&$(&input[type='button']&).click(function(){&&&&&&&&var&id&=&this.&&&&&&&&switch(id){&&&&&&&&&&&&case&&delbtn0&:&&&&&&&&&&&&&&&&//根据不同的id做不同的事情，比如删除等等&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&.....&&&&&&&&}&&&&});});
你这是用的JSP还是JavaScript?&如果是JSP，怎么循环里还有var呢？-----------------------------------------------&%&for(var&i&=&0;&i&&&arr.&i++){&%&&&&tr&&&&&&td&&%=&arr[0].id&%&&/td&&&&&&td&&%=&arr[0].id&%&&/td&&&&&&td&&input&type=&button&&id=&delbtn&%=&i&%&&&onclick=&del(this)&&value=&删除&&&/td&&&&/tr&&%}%&&script&type=&text/javascript&&var&del&=&function(o){ o.parentNode.parentNode.remove();}&/script&//亲测可用，你看还有啥要问的
其他1条回答
为您推荐：
其他类似问题
jquery的相关知识
换一换
回答问题，赢新手礼包
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。javascript表格动态添加行,添加列,js,table,tr,td
&!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0
Transitional//EN"&
&TITLE& New Document
&META NAME="Generator"
CONTENT="EditPlus"&
&META NAME="Author" CONTENT=""&
&META NAME="Keywords"
CONTENT=""&
&META NAME="Description"
CONTENT=""&
&script language="javascript"&//
Example: obj = findObj("image1");
function findObj(theObj, theDoc)
var p, i, foundO
if(!theDoc) theDoc =
if( (p = theObj.indexOf("?")) & 0
&& parent.frames.length)
&& &theDoc =
parent.frames[theObj.substring(p+1)].&&
&& &theObj =
theObj.substring(0,p);
if(!(foundObj = theDoc[theObj]) &&
theDoc.all)
&& &foundObj =
theDoc.all[theObj];
for (i=0; !foundObj && i
& theDoc.forms.
&& &foundObj =
theDoc.forms[i][theObj];
for(i=0; !foundObj && theDoc.layers
theDoc.layers.
&& &foundObj =
findObj(theObj,theDoc.layers[i].document);
if(!foundObj &&
document.getElementByIdx_x)
&& &foundObj =
document.getElementByIdx_x(theObj);&&
return foundO
//添加一个参与人填写行
function AddSignRow(){ //读取最后一行的行号，存放在txtTRLastIndex文本框中
var txtTRLastIndex = findObj("txtTRLastIndex",document);
var rowID = parseInt(txtTRLastIndex.value);
var signFrame = findObj("SignFrame",document);
var newTR = signFrame.insertRow(signFrame.rows.length);
newTR.id = "SignItem" + rowID;
//添加列:序号
var newNameTD=newTR.insertCell(0);
//添加列内容
newNameTD.innerHTML = newTR.rowIndex.toString();
//添加列:姓名
var newNameTD=newTR.insertCell(1);
//添加列内容
newNameTD.innerHTML = "&input name='txtName" + rowID
+ "' id='txtName" + rowID + "' type='text' size='12'
//添加列:电子邮箱
var newEmailTD=newTR.insertCell(2);
//添加列内容
newEmailTD.innerHTML = "&input name='txtEMail" +
rowID + "' id='txtEmail" + rowID + "' type='text' size='20'
//添加列:电话
var newTelTD=newTR.insertCell(3);
//添加列内容
newTelTD.innerHTML = "&input name='txtTel" + rowID +
"' id='txtTel" + rowID + "' type='text' size='10'
//添加列:手机
var newMobileTD=newTR.insertCell(4);
//添加列内容
newMobileTD.innerHTML = "&input name='txtMobile" +
rowID + "' id='txtMobile" + rowID + "' type='text' size='12'
//添加列:公司名
var newCompanyTD=newTR.insertCell(5);
//添加列内容
newCompanyTD.innerHTML = "&input name='txtCompany" +
rowID + "' id='txtCompany" + rowID + "' type='text' size='20'
//添加列:删除按钮
var newDeleteTD=newTR.insertCell(6);
//添加列内容
newDeleteTD.innerHTML = "&div align='center'
style='width:40px'&&a
href='javascript:;' onclick=\"DeleteSignRow('SignItem" + rowID +
"')\"&删除&/a&&/div&";
//将行号推进下一行
txtTRLastIndex.value = (rowID + 1).toString() ;
//删除指定行
function DeleteSignRow(rowid){
var signFrame = findObj("SignFrame",document);
var signItem = findObj(rowid,document);
//获取将要删除的行的Index
var rowIndex = signItem.rowI
//删除指定Index的行
signFrame.deleteRow(rowIndex);
//重新排列序号，如果没有序号，这一步省略
for(i=rowIi&signFrame.rows.i++){
signFrame.rows[i].cells[0].innerHTML = i.toString();
}//清空列表
function ClearAllSign(){
if(confirm('确定要清空所有参与人吗？')){
var signFrame = findObj("SignFrame",document);
var rowscount = signFrame.rows.
//循环删除行,从最后一行往前删除
for(i=rowscount - 1;i & 0; i--){
&& signFrame.deleteRow(i);
//重置最后行号为1
var txtTRLastIndex = findObj("txtTRLastIndex",document);
txtTRLastIndex.value = "1";
//预添加一行
AddSignRow();
&table width="613" border="0" cellpadding="2"
cellspacing="1" id="SignFrame"&
&&&&&&&&&&&&&
&tr id="trHeader"&
&&&&&&&&&&&&&&&
&td width="27"
bgcolor="#96E0E2"&序号&/td&
&&&&&&&&&&&&&&&
&td width="64"
bgcolor="#96E0E2"&用户姓名&/td&
&&&&&&&&&&&&&&&
&td width="98"
bgcolor="#96E0E2"&电子邮箱&/td&
&&&&&&&&&&&&&&&
&td width="92"
bgcolor="#96E0E2"&固定电话&/td&
&&&&&&&&&&&&&&&
&td width="86"
bgcolor="#96E0E2"&移动手机&/td&
&&&&&&&&&&&&&&&
&td width="153"
bgcolor="#96E0E2"&公司名称&/td&
&&&&&&&&&&&&&&&
&td width="57" align="center"
bgcolor="#96E0E2"&&&/td&
&&&&&&&&&&&&&
&input type="button" name="Submit" value="添加参与人"
onclick="AddSignRow()" /&
&input type="button" name="Submit2" value="清空"
onclick="ClearAllSign()" /&
&input name='txtTRLastIndex' type='hidden'
id='txtTRLastIndex' value="1" /&
已投稿到：
以上网友发言只代表其个人观点，不代表新浪网的观点或立场。&TITLE& New Document &/TITLE&
&META NAME="Generator" CONTENT="EditPlus"&
&META NAME="Author" CONTENT=""&
&META NAME="Keywords" CONTENT=""&
&META NAME="Description" CONTENT=""&
&script language="javascript"&// Example: obj = findObj("image1");
function findObj(theObj, theDoc)
var p, i, foundO
if(!theDoc) theDoc =
if( (p = theObj.indexOf("?")) & 0 && parent.frames.length)
theDoc = parent.frames[theObj.substring(p+1)].
theObj = theObj.substring(0,p);
if(!(foundObj = theDoc[theObj]) && theDoc.all)
foundObj = theDoc.all[theObj];
for (i=0; !foundObj && i & theDoc.forms. i++)
foundObj = theDoc.forms[i][theObj];
for(i=0; !foundObj && theDoc.layers && i & theDoc.layers. i++)
foundObj = findObj(theObj,theDoc.layers[i].document);
if(!foundObj && document.getElementById)
foundObj = document.getElementById(theObj);
return foundO
//添加一个参与人填写行
function AddSignRow(){ //读取最后一行的行号，存放在txtTRLastIndex文本框中
var txtTRLastIndex = findObj("txtTRLastIndex",document);
var rowID = parseInt(txtTRLastIndex.value);
var signFrame = findObj("SignFrame",document);
var newTR = signFrame.insertRow(signFrame.rows.length);
newTR.id = "SignItem" + rowID;
//添加列:序号
var newNameTD=newTR.insertCell(0);
//添加列内容
newNameTD.innerHTML = newTR.rowIndex.toString();
//添加列:姓名
var newNameTD=newTR.insertCell(1);
//添加列内容
newNameTD.innerHTML = "&input name='txtName" + rowID + "' id='txtName" + rowID + "' type='text' size='12' /&";
//添加列:电子邮箱
var newEmailTD=newTR.insertCell(2);
//添加列内容
newEmailTD.innerHTML = "&input name='txtEMail" + rowID + "' id='txtEmail" + rowID + "' type='text' size='20' /&";
//添加列:电话
var newTelTD=newTR.insertCell(3);
//添加列内容
newTelTD.innerHTML = "&input name='txtTel" + rowID + "' id='txtTel" + rowID + "' type='text' size='10' /&";
//添加列:手机
var newMobileTD=newTR.insertCell(4);
//添加列内容
newMobileTD.innerHTML = "&input name='txtMobile" + rowID + "' id='txtMobile" + rowID + "' type='text' size='12' /&";
//添加列:公司名
var newCompanyTD=newTR.insertCell(5);
//添加列内容
newCompanyTD.innerHTML = "&input name='txtCompany" + rowID + "' id='txtCompany" + rowID + "' type='text' size='20' /&";
//添加列:删除按钮
var newDeleteTD=newTR.insertCell(6);
//添加列内容
newDeleteTD.innerHTML = "&div align='center' style='width:40px'&&a href='javascript:;' onclick=\"DeleteSignRow('SignItem" + rowID + "')\"&删除&/a&&/div&";
//将行号推进下一行
txtTRLastIndex.value = (rowID + 1).toString() ;
//删除指定行
function DeleteSignRow(rowid){
var signFrame = findObj("SignFrame",document);
var signItem = findObj(rowid,document);
//获取将要删除的行的Index
var rowIndex = signItem.rowI
//删除指定Index的行
signFrame.deleteRow(rowIndex);
//重新排列序号，如果没有序号，这一步省略
for(i=rowIi&signFrame.rows.i++){
signFrame.rows[i].cells[0].innerHTML = i.toString();
}//清空列表
function ClearAllSign(){
if(confirm('确定要清空所有参与人吗？')){
var signFrame = findObj("SignFrame",document);
var rowscount = signFrame.rows.
//循环删除行,从最后一行往前删除
for(i=rowscount - 1;i & 0; i--){
signFrame.deleteRow(i);
//重置最后行号为1
var txtTRLastIndex = findObj("txtTRLastIndex",document);
txtTRLastIndex.value = "1";
//预添加一行
AddSignRow();
&table width="613" border="0" cellpadding="2" cellspacing="1" id="SignFrame"&
&tr id="trHeader"&
&td width="27" bgcolor="#96E0E2"&序号&/td&
&td width="64" bgcolor="#96E0E2"&用户姓名&/td&
&td width="98" bgcolor="#96E0E2"&电子邮箱&/td&
&td width="92" bgcolor="#96E0E2"&固定电话&/td&
&td width="86" bgcolor="#96E0E2"&移动手机&/td&
&td width="153" bgcolor="#96E0E2"&公司名称&/td&
&td width="57" align="center" bgcolor="#96E0E2"&&&/td&
&input type="button" name="Submit" value="添加参与人" onclick="AddSignRow()" /&
&input type="button" name="Submit2" value="清空" onclick="ClearAllSign()" /&
&input name='txtTRLastIndex' type='hidden' id='txtTRLastIndex' value="1" /&
浏览: 286331 次
来自: 南宁
非常感谢！解决了我一个长久以来的问题，让更多人看到。
命令语法不正确。
(window.slotbydup=window.slotbydup || []).push({
id: '4773203',
container: s,
size: '200,200',
display: 'inlay-fix'博主最新文章
博主热门文章
您举报文章：
举报原因：
原文地址：
原因补充：
(最多只允许输入30个字)