如何隐藏具有警报成功的所有td的tr？

Question

所以我想要隐藏tr，如果只有tds所有alert-success类都有tr，则只隐藏tr，否则显示$('tr:has(td.alert-success)').css('display', 'none'); 。

我试过了：

alert-success

但即使有一个td类alert-danger，即使有一个类{{1}}的tds，这也会隐藏tr。

我该如何解决这个问题？

Answer 1

您必须遍历所有tr并比较td与td.alert-success的数量。

然后逐行进行比较。

$("tr").each(function(){
  var successTds = $(this).find("td.alert-success").length;
  var dangerTds = $(this).find("td.alert-dager").length;
  var allTds = $(this).find("td").length;

  if (successTds + dangerTds === allTds) {
    $(this).hide();
  }
});