채택완료

제이쿼리 질문합니다

2017-03-13 (월) 16:31:57 4,709

<div id="hd_pop">

<div class="bg"></div>

<div class="hd_pops"></div>

<div class="hd_pops"></div> 

<div class="hd_pops"></div> 

</div>

#hd_pop 의 자식인 모든 .hd_pops 에 display:none 이있으면 .bg를 .hide() 시키고 싶습니다

 

if($("#hd_pop .hd_pops").css("display") == "none"){

$(".bg").hide() 

} 

 

이렇게 작성하면 첫번째 .hd_pops 가 display:none 이면 .bg가 hide되고 나머지는 display:none이든 뭐든 .bg가 hide가 안됩니다...

|

답변 2개 / 댓글 2개

채택된 답변
+20 포인트

var flag = true;

$('.hd_pops').each( function() {

    if ($(this).css('display') == 'block') flag = false;

});

if (flag) $('.bg').hide();

답변에 대한 댓글 1개

2017-03-13 (월) 16:54:38
감사합니다 잘동작합니다

var flag="N";

$("#hd_pop .hd_pops").each(function() {
    if($(this).css("display") == "none) flag="Y";
    

   });

if (flag=="Y") $(".bg").hide()  

답변에 대한 댓글 1개

2017-03-13 (월) 16:51:29
하나 누를때마다 bg가 사라집니다..

답변을 작성하려면 로그인이 필요합니다.