选择表行w / Jquery

时间:2017-03-02 22:01:08

标签: jquery

我有这个表结构:

awk '
{
    for(i=1;i<=NF;i++)                              # iterate all fields
        if($1!=p) {                                 # when $1 changes
            if(NR>1)                                # ... after first record
                printf "%s%s",s[i],(i==NF?ORS:OFS)  # ... output
            s[i]=$i                                 # and reset s
        }
        else                                        # when $1 remains the same
            if(i>1)
                s[i]+=$i                            # sum fields but not the first
    p=$1                                            # remember the key field
}
END{                                                # special last condition print
    printf "%s%s", $1, OFS
    for(i=2;i<=NF;i++)
        printf "%s%s",s[i],(i==NF?ORS:OFS)
}
' file
a 1 2 4 1
b 3 3 2 3

我试图使整行可以点击,但是无法获得正确的jquery选择器。我试过了:

<div class="producttable">
<table>
<tbody>
<tr><th>Product</th><th>SKU</th></tr>
<tr><td>Product1</td><td>SKU1</td></tr>
<tr><td>Product2</td><td>SKU2</td></tr>
</tbody>
</table>
</div>

唯一可行的选择器是:

$(".producttable tr").click....

- 但这会选择整个表格。有关如何获取行的任何建议吗?

3 个答案:

答案 0 :(得分:1)

你可以使用

$(".producttable table tr")

还有一个提示,点击事件是从 td 元素触发的,这是一个向行here添加活动类的示例

答案 1 :(得分:1)

这对我有用。

https://jsfiddle.net/o7qt4zuc/10/

$(document).ready(function() {
  $('.producttable tr').on('click', function(e) {
    var row = $(this);
    row.css('background-color', 'red');
  });
});

你应该检查事件是否没有得到你。点击首先发生在TUDO中,然后将其缓冲到TR。这可能是一个问题。

要注意的其他事项是您在所选元素上执行的操作。你能用完整的功能体编辑问题吗?

答案 2 :(得分:0)

您可以使用 遍历 ,例如:

    $(".producttable").find("tr").click(function(){
        alert("you selected a table row!");
    });

请参阅此处了解jQuery遍历方法: Maven docs