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

最新推荐文章于 2020-09-25 13:39:51 发布

全名工作狂

最新推荐文章于 2020-09-25 13:39:51 发布

阅读量4.5k

点赞数 2

分类专栏： jQuery JavaScript 文章标签： javascript jquery

本文链接：https://blog.csdn.net/voilethht/article/details/47913123

版权

jQuery 同时被 2 个专栏收录

5 篇文章 0 订阅

订阅专栏

JavaScript

4 篇文章 0 订阅

订阅专栏

<!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 οnclick='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去后台进行删除了。

全名工作狂

关注

2
点赞
踩
3

收藏

觉得还不错? 一键收藏
1
评论
[已解决] jquery只能取得表格的第一行的第一个单元格数值

$(document).ready(function(){ //这个点击一次，会循环打印出其他的id $("button").click(function(){ $("table tr").each(function(){ var id=$(this).find('td').eq(0).html() alert(id); }); });//点击一个按钮，显示这一行的头一个
复制链接

扫一扫