全选空<td>具有特定类并删除父级<tr>通过 JavaScript

Question

我有一个非常大的 HTML 表格，有很多行。 这些行是由我的数据库响应中在 javascript 中设置的变量归档的。 如果数据库以“ ”响应，则变量设置为“ ”。 如果在 JavaScript 中为 true，我想找到它并删除整个父行。

我已经尝试了下面的代码，但我认为我没有选择正确的单元格。 我用“row”类标记了所有行，用“emptytd”类标记了可能为空的单元格，以使其更容易选择。 提前致谢！

                var something =  "<tr class='row'>" +
                                 "<th>AA03</th>" +
                                 "<td>" + aa03TrainTaskNm + "</td>" +
                                 "<td class='emptytd'>" + aa03DueDt + "</td></tr>";

$('#something').html(somthing);
$('#myModal').modal("show");
$('td.emptytd:[value=" "]').parents('tr.row').hide();

Answer 1

您可以遍历它们并检查它们的内容，如下所示：

   $("td.emptytd").each(function(){
        if($(this).html() === "") $(this).parent().remove();
    })

Answer 2

如果你想一次删除所有有问题的行，你可以这样做：

document.querySelectorAll("td").forEach(function(el){
  if(el.innerHTML == " "){ 
    const row = el.parentNode;
    row.parentNode.removeChild(row);
  }
});

请注意，即使是一行中的一个“空”单元格也会触发整行的删除。 如果单元格的内容不是单个空格字符，则不会发生任何事情。 （如果你想处理其他空白字符，你可以使用“/\\s+/”来查找任何一个或多个空白字符的字符串。）