jquery - 获取表格中每一行的第一个单元格值

Question

请帮助我通过单击删除按钮获取表格中每一行的第一个单元格值，以下代码显示所有单元格的单元格值。该表是由 Ajax 成功函数生成的。因此该表在页面加载时不存在。

<script type="text/javascript">
$(document).ready(function() {
     $("#mytable td").click(function() {
     alert($(this).html());
     });
 });

</script>


 //html table , this is sample table , 

 <table border="1" id="mytable">
  <tr>
    <th>Customer Id</th>
    <th>Action</th>
  </tr>
  <tr>
    <td>0001</td>
    <td><button>Del</button></td>
  </tr>
  <tr>
    <td>0002</td>
    <td><button>Del</button></td>
  </tr>
  <tr>
    <td>0003</td>
    <td><button>Del</button></td>
  </tr>
</table>

Answer 1

我认为这应该得到每行的第一个表格单元格。

$('tr > td:first-child')

Answer 2

这可以满足您的需求：

$("#mytable td").click(function () {
  var selectValue = $(this).siblings("td").html();
  alert(selectValue);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<table border="1" id="mytable">
  <tr>
    <th>Customer Id</th>
    <th>Action</th>
  </tr>
  <tr>
    <td>0001</td>
    <td><button>Del</button></td>
  </tr>
  <tr>
    <td>0002</td>
    <td><button>Del</button></td>
  </tr>
  <tr>
    <td>0003</td>
    <td><button>Del</button></td>
  </tr>
</table>

上面代码的JSFiddle演示。

Answer 3

这是通过单击同一表格行中的按钮来获取第一个单元格文本的方法：

$(document).on("click", "table td button", function(){
    alert($(this).parents("tr").find("td:first").text());
});

由于它使用jQuery.on()它也适用于 AJAX 生成的表。

jsFiddle 演示：http: //jsfiddle.net/fZ639/

Answer 4

获取可以使用的第 i 列的所有值的数组

var i=0;
$('tr > td:nth-child(i)').map(function () { return $(this).text(); }).get();