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

时间:2017-12-29 05:28:51

标签: jquery html-table

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

enter image description here

我已尝试过以下代码行,但这不起作用。

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

2 个答案:

答案 0 :(得分: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>
&#13;
&#13;
&#13;

答案 1 :(得分:0)

https://jsfiddle.net/Liamm12/vca4qdrn/

您的第一个<td>中没有<tr>

$('.btn').on('click', function(){
	 var texto = $('table tr:nth-child(2) td:nth-child(3)').text();
  	alert(texto)
});
table {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

td, th {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 8px;
}

tr:nth-child(even) {
    background-color: #dddddd;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>


<table>
  <tr>
    <th>Company</th>
    <th>Contact</th>
    <th>Country</th>
    <th>Button</th>
  </tr>
  <tr>
    <td>Alfreds Futterkiste</td>
    <td>Maria Anders</td>
    <td>Germany</td>
     <td><button class="btn">
     get country Value
     </button></td>
  </tr>
  <tr>

</table>