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);
     });
 });

如果我放入表单击事件，这个可行。我需要点击该超链接它应该发生。怎么做到这一点？在此先感谢。

如果有任何方法可以逐行迭代吗？

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);
});

DEMO HERE

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

2 个答案: