当jQuery中下一个div显示为none或hidden时隐藏上一个div

iyr7buue 于 2023-06-22 发布在 jQuery

关注(0)|答案(3)|浏览(120)

当我的下一个div没有显示或者它被隐藏时，是否可以隐藏前一个div。

<div id="first"> Hello </div>
<div id="second">
  <div id="secondchild1" style="display:none"> How are you.? </div>
  <div id="secondchild2" style="display:none"> Nice to meet you </div>
</div>

现在我需要隐藏第一次时，所有的子div在第二个隐藏或他们的显示是没有。
即使显示了其中一个子div，也应该显示第一个。
先谢谢你了。

jquery

来源：https://stackoverflow.com/questions/11293945/hide-previous-div-when-next-divs-display-is-none-or-hidden-in-jquery

3条答案

按热度按时间

vnjpjtjt1#

迭代#second div中的所有div，检查当前子div是否可见。如果它是可见的，退出函数并将boolean设置为true。最后，根据布尔值显示或隐藏#first div。

var showFirst = false;
$('#second div').each(function() {
    if ($(this).is(':visible')) {
        showFirst = true;
        return false;
    }
});
showFirst ? $('#first').show() : $('#first').hide();

- JSFiddle**

http://jsfiddle.net/Az3aW/

赞(0）回复(0）举报 2023-06-22

axr492tv2#

if($("#second").children().css("display") != "none")
{
    $("#first").css("display", "none");
}

赞(0）回复(0）举报 2023-06-22

gt0wga4j3#

$('#second').children().each(function(){
    if($(this).css('display') == 'none') $('#first').hide();
});

当你得到一个显示没有隐藏

赞(0）回复(0）举报 2023-06-22

我来回答

当jQuery中下一个div显示为none或hidden时隐藏上一个div

3条答案

相关问题

热门标签

最新问答