当子div为“display:block”时将类添加到父div,并在“display:none”时删除?

时间:2015-09-07 00:17:01

标签: javascript jquery html css tabs

我有一个标签设置,我希望完成以下任务:

我希望类fifty的子div在其样式为flex时向其父div DTE_Form_Content添加类display: block,并在删除类flex时删除他们的风格是display: none

结构是这样的:

<div class="DTE_Form_Content">
    <div class="DTE_Field_Name_ps-ceilings_amt" style="display: none">
    <div class="DTE_Field_Name_app-co-ds fifty" style="display: block">
</div>

这将允许我更改子div的布局格式。我怎么能做到这一点?我的想法可能有用:

if ( $('div.fifty').css('style="display: block"') ) {
  $('div.DTE_Form_Content').addClass('flex');
} else {
  $('div.DTE_Form_Content').removeClass('flex');
}

编辑:这不是一个重复的问题。我的问题涉及包含特定类的儿童,而标记的副本则没有。

2 个答案:

答案 0 :(得分:1)

var $dte = $('.DTE_Form_Content');

$('.fifty').is(':visible') ? $dte.addClass('flex') : $dte.removeClass('flex')

你可以试试这个解决方案,使用三元也增加了清洁度IMO的元素。如果这对您有用,请考虑接受答案:)

答案 1 :(得分:0)

试试这个

if($("div.fifty").css("display")=="block")
{
 $("div.DTE_Form_Content").addClass("flex");
}
else
{
 $("div.DTE_Form_Content").removeClass("flex");
}