javascript - 删除/隐藏他们的 (s) 没有文本的表 (s)

Question

你能看看this demo吗？让我知道如何隐藏或删除动态表中的所有行 <td> (如果他们都排成一排)是空的？这主要发生在表的末尾，因为我生成了一个包含 5 行的表，但有时我从数据源中只获得了 3 或 4 行数据。

请注意，空是指文本值，而不是像 div 这样的 html 元素。

<table style="width:100%">
    <tr>
        <td class="monBox">Jill</td>
        <td class="monBox">Smith</td>
        <td class="monBox">50</td>
    </tr>
    <tr>
        <td class="monBox">Eve</td>
        <td class="monBox">Jackson</td>
        <td class="monBox">94</td>
    </tr>
    <tr>
        <td class="monBox"></td>
        <td class="monBox"></td>
        <td class="monBox"></td>
    </tr>
    <tr>
        <td class="monBox">Eve</td>
        <td class="monBox">Jackson</td>
        <td class="monBox">94</td>
    </tr>
     <tr>
        <td class="monBox"></td>
        <td class="monBox"></td>
        <td class="monBox"></td>
    </tr>   

</table>

谢谢

Answer 1

尝试遍历每个 tr 并检查里面的所有 td 元素是否都像这样为空

$('table').find('tr').each (function() {

    var rows = 0;
    var rows_empty = 0;

     $(this).find('td').each (function() {
          rows++;
          if($(this).text().trim() == "")
              rows_empty++;
    }); 

    if(rows === rows_empty)
        $(this).remove();
}); 

jsfiddle