特定のクラス名を見つけた後でCSSをHTML要素に適用する

Question

div（.references）にcssを適用しようとしていますが、その文書のどこでも特定のクラス名（.overview）を見つけています。その動作していない .referencesは内部.overview divの

if ($('div').hasClass('overview')) { 

    $('.references').css("display", "none !important"); 
} 

ないDIV

Answer 1

if ($('div').hasClass('overview'() { 

    $('.references').css("display", "none !important"); 
}) 

を助けてください

Answer 2

は、あなたがこのようにしてみてくださいことができますことしてみてください。

ここ

$(document).ready(function(){ 
    if($(".overview").length > 0) 
    { 
     $('.references').css("display", "none !important"); 
    } 
}); 

私たちはDOM内に要素があるかどうかをチェックするだけです。クラス.overviewがあります。 rはありません。存在する場合、$(".overview").lengthはあなたに現在存在し、0と比較している要素の数を返します。だからそこにあれば、必要なCSSを$('.references')要素に適用します。

Answer 3

!importantを削除します。ただ、uは私のスニペットで見ることができます$('.references').css("display", "none");

その他のオプション

$('.references').css("cssText", "display: none !important"); 

それとも

ここ

$('.references').hide(); 

Answer 4

を使用し、私は.referencesクラスを非表示にする）（非表示を使用し、これはuのを助ける

$(document).ready(function() { 
 
    if ($('div').hasClass('overview')) { 
 

 
    $('.references').hide(); 
 
} 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div> 
 
    <div>sample sample sample sample sample samplevsample sample sample samplesample samplesample samplesample samplesample samplesample samplesample samplesample samplesample samplesample samplesample sample 
 
    </div> 
 
    
 
    <div class="overview references">sample sample sample sample sample samplevsample sample sample samplesample samplesample samplesample samplesample samplesample samplesample samplesample samplesample samplesample samplesample sample 
 
    </div> 
 
    </div>

Answer 5

これを試してみてください：

$(function() { 
    if($('div.overview').length > 0){ 
    $('.references').hide(); 
    } 
}); 

$(function() {...}); $（ドキュメント）.ready（）の省略形です。