Как проверить фоновые встроенные выходы или нет

#jquery #html #css

#jquery #HTML #css — файл #css

Вопрос:

Как проверить, имеет ли 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».

Комментарии:

1. $("div").attr("style") != null amp;amp; $("div").attr("style").indexOf("background-XXXX:") >= 0

2. проверяйте только, существует ли фоновое изображение или нет.

Ответ №1:

Вы можете использовать:

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

Комментарии:

1. Привет, также проверьте, завершается ли встроенный стиль фонового изображения, затем добавьте класс «test-1».

Ответ №2:

вы можете проверить с помощью css()

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

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

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

ПРИМЕР СКРИПКИ

Ответ №3:

Вы можете сделать это следующим образом:

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

    alert(o);