如何检查内联背景是否存在

Question

如何检查div是否具有背景内联样式。

HTML

<div style="background: #000"> </div>
<div style="background-image: url(image.jpg);"></div>
<div style="background-position: 0 0;"></div>
<div style="color: #000"></div>

如果内联背景样式退出，则添加“test”类。

如果内联背景图像样式退出，则添加类“test-1”。

Answer 1

您可以使用：

if($("div[style*='background']")){
  //exist...!!! now addclass to these elements
  $("div[style*='background']").addClass('test');
  $("div[style*='background-image']").addClass('test-1');
}

Answer 2

您可以使用css()

进行检查

$("div").each(function () {

console.log($(this).css("background-image"));

if ($(this).css("background-image") != "none") 
   $(this).addClass("test")
})

FIDDLE EXAMPLE

Answer 3

你可以这样做：

var o =  $('div').filter(function(){
          return $(this).attr('style').indexOf('background') !== -1;
    }).length;

    alert(o);