如果子节点的样式为display：none，则jQuery淡出parent

Question

我有div个类“someclass”;每个div都有子div s，类为“otherclass”。

我需要检查带有“otherclass”的div是display:none，然后用“someclass”淡出父级

每次点击页面上的某个复选框，我该怎么办？

Answer 1

$(':checkbox').click(function(){

  if( $('.otherclass').css('display')=='none' ){

    $('.otherclass').parent().fadeOut('normal');

  }

}

这是假设.otherclass是唯一标识符。此外，如果您想将这些元素链接到单击的复选框，比如同一个类，则需要更多参与。

$(':checkbox').click(function(){

  var el = $(this).attr('class'); //Better to use a unique ID here

  if( $('div.' + el).css('display')=='none' ){

    $('div.' + el).parent().fadeOut('normal');

  }

}

Answer 2

$(":checkbox").click(function() {
    if(!$(".otherclass:visible").length)
        $(".someclass").fadeOut();
});