隐藏子表如果隐藏子表(显示:无)

Question

隐藏子表如果隐藏子表(显示:无)

我已经尝试在StackOverflow和谷歌上搜索,我发现了我认为可行的想法,但似乎没有任何帮助!

我正在使用SugarCRM Professional 6.5.5并且我试图隐藏子表的父div,如果使用jQuery隐藏表(display:none)但我没有太多运气.

例如,在下面的代码中我试图隐藏,<div id="detailpanel_5" class="detail view detail508 expanded">因为子表<table id="LBL_EDITVIEW_PANEL6" class="panelContainer" cellspacing="0" style="overflow: hidden; height: 0px; display: none;">是隐藏的.

我能够成功隐藏父div,$('#LBL_EDITVIEW_PANEL6').parent().hide();但问题是每个页面上隐藏了很多表,并且视图是动态的 - 并非每个页面都隐藏相同的表.

所以我想要jQuery做的是在加载后浏览页面并仅隐藏隐藏的子表的父div.

我尝试过使用类似的东西:$(":hidden").parent().hide();搜索任何隐藏的元素但隐藏整个页面(屏幕完全是白色的).我试过了,$("table:hidden").parent().hide();但似乎没有做任何事情.

如果我遗漏了帮助答案所需的任何细节,我深表歉意.如果需要,我将很乐意提供更多信息.希望它是一个非常小的东西我可以忽略.

HTML的一小部分如下:

<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;">

Run Code Online (Sandbox Code Playgroud)

Answer 1

Bin*_*osh 3

$(":hidden")还返回<head>、<style>、<script>等元素。它们的父级就是<html>文档本身。那么自然$(":hidden").parent().hide();就会隐藏整个文档。因此你必须更具体一点。

正如 @denisk 所说，$('table:hidden').parent().hide();应该可以完美工作。

在您显示的代码中，它可能由于标签而不起作用<h4>。

归档时间：	13 年前
查看次数：	2442 次
最近记录：	13 年前