我想使用JQuery从html表中获取特定列的单元格值。我有包含从数据库获取的事务数据的表。除此之外,还包含一个包含插入事务按钮的列。我想要的是,当我点击该按钮时,我应该从该特定行获取单元格值。
我已尝试过以下代码行,但这不起作用。
$(".btn").click(function () {
var texto = $('table tr:nth-child(1) td:nth-child(2)').text()
alert(texto)
});
答案 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;
答案 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>