javascript - 如何在javascript中获取html表的行数据

Question

我有一张这样的桌子

<tr class="odd">
    <td class="  sorting_1">opps</td>
    <td class="center "> <a href="#" onclick="tst(this)" class="btn btn-warning">
    <i class="icon-edit icon-white">      
    </i> Edit</a>

    </td>
</tr>

单击该超链接时，我需要该行的 td 值。

我试过的这个 javascript

 $(document).ready(function () {
     $("#tblTest td:nth-child(2)").click(function (event) {
         //Prevent the hyperlink to perform default behavior
         event.preventDefault();
         var $td = $(this).closest('tr').children('td');
         var sr = $td.eq(0).text();
         alert(sr);
     });
 });

如果我放入 Table click 事件，这个可以工作。我需要点击它应该发生的超链接。如何做到这一点？提前致谢。

如果有任何方法可以得到它，而无需逐行迭代？

Answer 1

您正在绑定click事件以td将其绑定到a

改变

$("#tblTest td:nth-child(2)").click(function (event) {

到

$("#tblTest td:nth-child(2) a").click(function (event) {

Answer 2

试试这个：

$("a.btn").click(function (event) {
    //Prevent the hyperlink to perform default behavior
    event.preventDefault();
    var $td = $(this).parent().closest('tr').children('td');
    var sr = $td.eq(0).text();
    alert(sr);
});

在这里演示