Скрытие нескольких таблиц на основе видимости дочерних таблиц условия

Question

У меня есть HTML, как показано ниже, и оно содержит несколько родительских таблиц, и у каждой родительской таблицы будет class, например:

<table class="customFormTable block">

. Это, в свою очередь, содержит несколько дочерних таблиц, таких как:

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

Я ищу Javascript / jQuery для сканирования всех основных таблиц с классом customFormTable и поиска, если любая дочерняя таблица, начинающаяся с идентификатора elementTableContainer, имеет style="visibility: hidden;". Если это так, скрыть указанную c родительскую таблицу, т. Е. Таблицу customFormTable

. Ниже приведен код, и он должен скрывать вторую таблицу, т. Е. «Детали полиции», и отображать только первую таблицу, т. Е. «Детали ампутации». вторая таблица содержит дочерние таблицы с видимостью, скрытой как <table id="elementTableContainer(app_spec_info_POLICE_DETAILS_Police_Station)" width="80%" style="visibility: hidden;">

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

Answer 1

Вы можете l oop сначала пройти через каждую родительскую таблицу .customFormTable, а затем проверить их соответствующие дочерние таблицы [id^=elementTdContainer], а если они пусты, то скрыть только текущую родительскую таблицу $(this) вместо того, чтобы скрыть все родительские. столы:

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