使用jquery获取table选中行的其他列的值

最新推荐文章于 2022-09-14 08:05:02 发布

Liyatao_BeiJing

最新推荐文章于 2022-09-14 08:05:02 发布

阅读量8.1k

点赞数 1

分类专栏： html jquery 文章标签： jquery jsp java javascript html

本文链接：https://blog.csdn.net/Liyatao_BeiJing/article/details/49995725

版权

html 同时被 2 个专栏收录

6 篇文章 0 订阅

订阅专栏

jquery

2 篇文章 0 订阅

订阅专栏

由于今天需要写一个：在table中，根据按钮选中的行，获取同一行其他的值传到后台controller的功能。

刚开始也琢磨了一段时间，然后写出来了。这是我写的一个这个功能的小例子，记录一下。

<head>
<script src="/jquery/jquery-1.11.1.min.js">
</script>
<script>
$(document).ready(function(){
  $(".btn").click(function(){
alert($(this).parent().parent().find("td").eq(0).find("input").val());
  });
});
</script>
</head>
<body>
<table>
<tr>
<td><input class="orderid" type="text" value="123"></td>
<td><input type="button" class="btn" value="删除"></td>
</tr>
<tr>
<td><input class="orderid" type="text" value="456"></td>
<td><input type="button"  class="btn"  value="删除"></td>
</tr>
<tr>
<td><input class="orderid" type="text" value="789"></td>
<td><input type="button"  class="btn"  value="删除"></td>
</tr>
</table>
</body>

$(".btn").click(function(){

});
class为btn的元素单击事件（就是删除的按钮单击的时候）

$(this).parent() 这就已经获得到了，包含删除按钮的那个 td
$(this).parent().parent() 包含删除按钮的那个 tr

$(this).parent().parent().find("td").eq(0).find("input").val();
获得当前获取元素的父元素的父元素，然后查找 td标签.查找的是下标为0的td，也就是第一个td标签。然后在td 中查找input标签的值。