當子div是「display：block」時將類添加到父div，並在「display：none」時刪除？

Question

我有一個選項卡設置，和我期待完成以下任務：

我想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'); 
} 

編輯：這不是一個重複的問題。我的問題涉及包含特定課程的兒童，而標記的重複則不包含。

Answer 1

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

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

你可以試試這個解決方案，使用三元組還可以添加清潔度IMO元素。如果這對你的作品能考慮接受的答案:)

Answer 2

試試這個

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