javascript - 使用 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');

即查找所有表，并仅过滤那些 tbody 内具有超过 4 个 tr 的表。

参见http://jsfiddle.net/alnitak/YnVck/

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

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

来自@Felix Kling 的评论更简单。