如果body具有css内联样式,则为ToggleClass

时间:2018-02-27 15:43:33

标签: jquery html css

我有一个使用此代码的页面:

<body style="background-image:url("http://...")">
<div class="g1-body-inner"></div>
</div>

其他没有体型的人。

使用Jquery我希望只有当body将背景图像作为内联样式时,才能在div中添加一个新类。

我已经搜索过并尝试过但没有任何作用...... 无论我尝试什么代码,结果总是如此(添加了toggleclass)。

我已尝试过以下代码:

jQuery(document).ready(function( $ ){
if ($('body').css('background-image').length != null)  { 
    $('.g1-body-inner').toggleClass("anuncio-cheio");
  }
});

jQuery(document).ready(function( $ ){
var $el = $('body[style*="background-image"]');
  if ( $el.length > 0 ) {
     $('.g1-body-inner').toggleClass("anuncio-cheio");
}
});

jQuery(document).ready(function( $ ){
if ($( "body[style!='background-image']" ))  { 
    $('.g1-body-inner').toggleClass("anuncio-cheio");
  }
});

有人可以帮忙吗?

谢谢。

1 个答案:

答案 0 :(得分:1)

为什么不尝试使用某些字符串验证,而不是像这样

var style = $('body').attr('style');

if(style){
   if (style.search('background') > -1){
      //It has background inline style
   } else {
    //It doesn't have background inline style
   }      

} else {
   //It doesn't have inline style
}