Question

我正在开发一个发票程序，我正在尝试使用jquery选择一行，但我无法弄清楚如何选择一行并提取下面的内容是我的代码！请建议

注意：我刚刚添加了两行但是会有超过100行，所以我认为不可能为每个td分配id并使用该id调用它

 <table class="ProductSearch">
      <tr>
        <td>ID</td>
        <td>DESCRIPTION</td>
        <td>Qty</td>
        <td>PRICE</td>
        <td></td>
      </tr>
        <tr>
        <td>P1</td>
        <td>P1 Desc</td>
        <td>P1 Qty</td>
        <td>P1 Price</td>
        <td><img src="select.jpg" alt="select" class="select" /></td>
      </tr>
        <tr>
        <td>P2</td>
        <td>P2 Desc</td>
        <td>P2 Qty</td>
        <td>P2 Price</td>
        <td><img src="select.jpg" alt="select" class="select" /></td>
      </tr>
    </table>


$(".select").live('click', function(event) {
    var rselect;
    rselect = $(this).parent().parent().index();
$('.ProductSearch tr').each(function()
    {
      console.log($(this).html());
    });   
});

Answer 1

您可以尝试closest()方法：

$(".select").on('click', function(event) { // use `on()` as `live()` is deprecated
    var rselect;
    rselect = $(this).closest('td');
    console.log(rselect.html());
});

http://jsfiddle.net/NftQj/

<小时/> 的更新

如果你想迭代td的{{1}}元素，你可以尝试如下：

tr

http://jsfiddle.net/NftQj/2/

jQuery Table选中了行

1 个答案: