[已解决] jquery只能取得表格的第一行的第一个单元格数值

来源：互联网发布：剑三成男脸型数据网盘编辑：程序博客网时间：2024/04/30 10:44

<!DOCTYPE html><html><head><script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script><script> $(document).ready(function(){ <pre name="code" class="javascript">//这个点击一次，会循环打印出其他的id$("button").click(function(){ $("table tr").each(function(){ var id=$(this).find('td').eq(0).html() alert(id); }); });//点击一个按钮，显示这一行的头一个id $(".delete").click(function(){ var id=$(this).parent().parent().find('td').eq(0).html(); alert(id); });});</script></head><body><button>Alert the value of each list item</button><table><tr><td>1</td><td>Coffee<td><td><input id="delete" class="delete" type="button" value="delete"/></td></tr><tr><td>2</td><td>Milk<td><td><input id="delete" class="delete" type="button" value="delete"/></td></tr><tr><td>3</td><td>Soda<td><td><input id="delete" class="delete" type="button" value="delete"/></td></tr></table></body></html><p></p>

今天在写删除功能的时候，需要取到这一行的id的值。咨询了一下高人，说是要用到jquery或者javascript取值。他打了一段html＋javascript的代码给我。

这是html代码：

<button onclick='GetID(this)'>铅笔LOGO</button>

这是javascript：

function GetID(obj){   var TR=$(obj).parent().parent().find('td').eq(0).html();  alert(TR)}

然而我想用到jquery，因为我的ajax是用jquery写的。我想保持队形统一－。－，所以有了以下写法：

 $(".delete").click(function(){        var id=$(this).parent().parent().find('td').eq(0).html();        alert(id);    });

之前一直只出来一个是因为我的button用的是id，后来高人建议我采用class。

他的解释如下：

把HTML里，id=‘deleteUser’ 改成 class='deleteUser'，ID是唯一的，class可以有很多个，你用ID，就只能取到第一个

问题解决了！我每点击一行末尾的edit按钮，就会出现这一行的头的id。现在我可以继续通过ajax传旨id去后台进行删除了。

0 0