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

由于今天需要写一个：在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标签的值。

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