Question

我试图在找到该文档中任何位置的特定类名（.overview）后将css应用于div（.references）。它不起作用 .references div不在.overview div

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

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

请帮忙

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的元素。如果它存在，则$(".overview").length将返回您存在的元素数量以及我们与0进行比较的元素数量。因此，如果它在那里，我们将所需的CSS应用于$('.references')元素。

Answer 3

删除!important。只需使用$('.references').css("display", "none");

即可

其他选项

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

或者

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

Answer 4

这里你可以在我的片段中看到，我使用hide（）来隐藏.references类，这将有助于你

＆＃13;

$( document ).ready(function() {
   if ($('div').hasClass('overview')) {

    $('.references').hide();   
}
});

＆＃13;

<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>

＆＃13;

Answer 5

试试这个：

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

$(function() {...});是$（document）.ready（）。

的简写

找到一些特定的类名avaialble后，将CSS应用于html元素

5 个答案: