Ukryj DIV nadrzędny, jeśli tabela podrzędna jest ukryta (wyświetlacz: brak)
Próbowałem przeszukać cały StackOverflow i Google i znalazłem pomysły, które moim zdaniem będą działać, ale nic nie pomaga!
Pracuję w SugarCRM Professional 6.5.5 i próbuję ukryć rodzica div tabeli podrzędnej, jeśli tabela jest ukryta (display: none) przy użyciu jQuery, ale nie mam dużo szczęścia.
Na przykład w poniższym kodzie próbuję się ukryć<div id="detailpanel_5" class="detail view detail508 expanded">
ponieważ tabela podrzędna<table id="LBL_EDITVIEW_PANEL6" class="panelContainer" cellspacing="0" style="overflow: hidden; height: 0px; display: none;">
jest ukryty.
Jestem w stanie z powodzeniem ukryć div z rodzicem$('#LBL_EDITVIEW_PANEL6').parent().hide();
problem polega jednak na tym, że na każdej stronie jest wiele tabel ukrytych, a widok jest dynamiczny - nie każda strona będzie miała ukryte te same tabele.
Tak więc, co chcę zrobić, jQuery, to przejść przez stronę po załadowaniu i ukryć tylko rodzica div ukrytej tabeli podrzędnej.
Próbowałem użyć czegoś takiego:$(":hidden").parent().hide();
wyszukiwać ukryte elementy, ale ukrywa całą stronę (ekran jest całkowicie biały). próbowałem$("table:hidden").parent().hide();
ale to chyba nic nie robi.
Przepraszam, jeśli pominę wszelkie szczegóły, które byłyby potrzebne do udzielenia odpowiedzi. Z przyjemnością zaoferuję więcej informacji, jeśli będzie to potrzebne. Mam nadzieję, że to coś bardzo małego.
Mały fragment kodu HTML znajduje się poniżej:
<div class="yui-content">
<div id="tabcontent0">
<div id="detailpanel_1" class="detail view detail508 ">
<div id="detailpanel_2" class="detail view detail508 expanded">
<div id="detailpanel_3" class="detail view detail508 expanded">
<div id="detailpanel_4" class="detail view detail508 expanded">
<h4>
<table id="LBL_EDITVIEW_PANEL7" class="panelContainer" cellspacing="0">
<script type="text/javascript">
</div>
<div id="detailpanel_5" class="detail view detail508 expanded">
<h4>
<table id="LBL_EDITVIEW_PANEL6" class="panelContainer" cellspacing="0" style="overflow: hidden; height: 0px; display: none;">