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 DEMO：http://jsfiddle.net/fZ639/

Answer 4

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

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

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

4 个答案: