根据条件子表的可见性隐藏多个表答案

【问题标题】：Hiding multiple tables based on condition child tables visibility根据条件子表的可见性隐藏多个表
【发布时间】：2020-02-26 01:29:51
【问题描述】：

我的 HTML 如下，它包含多个父表，每个父表都有一个 class，如下所示：

<table class="customFormTable block">

这又包含一些像这样的子表：

<table id="elementTableContainer(app_spec_info_POLICE_DETAILS_Police_Station)" width="80%" style="visibility: hidden;">

我正在寻找 Javascript/jQuery 来扫描所有具有类 customFormTable 的主表，并查找是否有任何以 id elementTableContainer 开头的子表具有 style="visibility: hidden;"。如果是这样，隐藏那个特定的父表，即表customFormTable

下面是代码，它应该隐藏第二个表，即“警察详细信息”，并且应该只显示第一个表，即“截肢详细信息”，因为第二个表包含可见性隐藏为 <table id="elementTableContainer(app_spec_info_POLICE_DETAILS_Police_Station)" width="80%" style="visibility: hidden;"> 的子表

https://jsfiddle.net/sukumar/vq64597e/23/

【问题讨论】：

标签： javascript jquery

【解决方案1】：

您可以先循环遍历每个.customFormTable父表，然后检查它们各自的[id^=elementTdContainer]子表，如果它们为空，则只隐藏当前$(this)父表，而不是隐藏所有父表：

$('.customFormTable').each(function() {
   if ($(this).find("[id^=elementTdContainer]").css("visibility") === "hidden") {
      $(this).hide(); //hide your parent table 
   }
});

【讨论】：