Javascript 使用jquery在包含4行或更多行（tr）的表周围放置边框

使用我的DOM

document.getElementById('table').rows.length > 4

要在表格中找到正确的位置

在jquery中如何做到这一点，同时在该表周围加上黑色边框。

您可以：

if($('#table tr').length > 4) {
   $('#table').css('border', '1px solid black');
}

请注意，

if

语句中的选择器取决于您的标记。例如，如果您的tr位于

tbody

中，则它将成为

#table tbody tr

。费利克斯的评论是正确的

$('table').each(function() {
    if ($(this).children('tr').length > 4) {
        $(this).css('border', '5px solid #FFF');
    }
}

可能会有用，但未经测试

编辑：其他答案看起来更好。他们提醒我为什么喜欢这样（：

i、 e查找所有表，并仅筛选其

t正文中有四个以上
tr
的表

看

如果您不关心
thead
和
tbody
之间的区别，那么更简单的：

$('table').filter(function() {
    return this.rows.length > 4;
}).css('border', '2px solid black');

@Felix Kling的评论更简单。
或
返回这个.rows.length>4；
他使用的是
getElementById
，而不是
getElementsByTagName
@vcsjones：OP应该很容易根据自己的需要调整选择器。@Felix-如果
这个
是表而不是它的
tbody
，你确定这样行吗？@Al尼塔克：是的，这取决于OP想要什么。
tbody
总是被添加到DOM中，即使它没有在HTML中指定。
$（“#table tr”）
可以很好地工作，因为它可以找到所有的
tr
子体。不需要
tbody
（仅当您想排除
thead
中的行时）。
$('table').filter(function() {
    return this.rows.length > 4;
}).css('border', '2px solid black');