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

Question

使用我拥有的DOM

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

找到表格。

如何在jquery中完成此操作，同时在此表周围添加黑色边框。

Answer 1

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

即查找所有表格，并仅过滤其tr内tbody个thead以上的表格。

请参阅http://jsfiddle.net/alnitak/YnVck/

如果您不关心tbody和$('table').filter(function() { return this.rows.length > 4; }).css('border', '2px solid black'); 之间的区别，那么更简单：

{{1}}

来自@Felix的

Kling的评论更简单。

Answer 2

你可以这样做：

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

请注意if语句中的选择器取决于您的标记。例如，如果您的tr位于tbody，则它变为#table tbody tr。 Felix的评论是正确的。

Answer 3

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

可能会工作，但未经测试。

编辑：其他答案看起来好多了。他们提醒我为什么我喜欢SO（：