jquery - Jquery从html表中获取特定列的单元格值

Question

我想使用 JQuery 从 html 表中获取特定列的单元格值。我有一个包含从数据库获取的事务数据的表。除此之外，还包含一个带有插入交易按钮的列。我想要的是，当我单击该按钮时，我应该从该特定行获取单元格值。

我尝试过以下代码行，但没有成功。

$(".btn").click(function () {
    var texto = $('table tr:nth-child(1) td:nth-child(2)').text()
    alert(texto)
});

Answer 1

这里您需要指出您单击按钮的行以及您需要获取单元格值的行。这是我的代码:

$(".btn").click(function () {
    var $row = $(this).parents('tr');
    var texto = $row.find('td:nth-child(5)').text();
    alert(texto);
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table width="100%" border="1">
  <tr>
    <td>date</td>
    <td>name</td>
    <td>department</td>
    <td>departmentcode</td>
    <td>id</td>
    <td>cash</td>
    <td>and<t/d>
    <td><button class="btn">ADD TRANSACTION</button></td>
  </tr>
  <tr>
    <td>date2</td>
    <td>name2</td>
    <td>department2</td>
    <td>departmentcode2</td>
    <td>id2</td>
    <td>cash2</td>
    <td>and2<t/d>
    <td><button class="btn">ADD TRANSACTION</button></td>
  </tr>    
  
  
</table>