Question

在这个例子中，我有一张桌子，我希望当我点击一个按钮时，会显示ID。例如，当我点击第一个按钮时，我将收到一条消息，其中包含1.i使用jquery但我没有＆＃39;知道应该使用哪些选择器。谢谢

table.html

 <table border="1">
 <tr>
 <th>ID</th>
 <th>NAME</th>
 <th>ACTION</th>
 </tr>
 <tr>
 <td>1</td>
 <td>JHON</td>
 <td><input type="button" value="display" class="d"></td>
 </tr>
 <tr>
 <td>2</td>
 <td>Max</td>
 <td><input type="button" value="display" class="d"></td>
</tr>
<tr>
<td>3</td>
<td>NANCY</td>
<td><input type="button" value="display" class="d"></td>
</tr>
</table>

file.js

$(".d").click(function(){

});

Answer 1

一种可能的解决方案是：

$('input[class="d"]').on('click', function(){
    alert($(this).parent().prev().prev().text());
});

Answer 2

我不确定您希望如何显示答案，但这里有一些代码可以帮助您入门：

$(".d").click(function(){
    var id = $(this).parents('td').siblings('td:first-child').text();
    alert('id is = ' + id);
});

Working fiddle

Answer 3

http://jsfiddle.net/stby04/b6qw3skh/

函数内的“this”可让您访问被点击的元素。为了更容易找到带有ID的<td/>，我添加了一个类.id，这样您就可以在不调整JS代码的情况下在以后向表中添加新列。

$(".d").click(function(){
    var id = $(this).parent().parent().find(".id");
    alert(id.attr('data-id'));
});

如何显示每行的单元格值？

3 个答案: