jQuery проверяет, имеет ли img src

У меня есть карусель изображений, которые заполняются динамически. Существует потенциал до 5 изображений, однако, если есть менее 5 изображений, мне нужно ввести некоторые операторы if в мой код. Можно ли с помощью jQuery проверить, является ли img src пустым?

например, если у меня есть изображение с классом "необязательно", но у него нет url-адреса, есть ли способ обнаружить это с помощью jQuery?

<img class="optional" src="" />

5 ответов


попробуй такое

$('.optional').each(function () {
    if (this.src.length > 0) {
        //if it has source
    }
});

вы можете использовать селектор атрибута:

$('img.optional[src=""]');

В случае, если вы хотите выбрать изображения, которые не имеют пустые src атрибуты:

$('img.optional[src!=""]');

if($.trim($(".optional").attr("src")) != "")// check image has src
{
// do your stuff
}
else{
}

ссылка attr и отделка


JQUERY:

if($('img.optional').attr('src') != "") {
  // Image has src !
} else {
  // Image has not src :'(
}

можно использовать

img[src=""] {
   display: none;
}

вышеуказанный селектор будет просто соответствовать, если атрибут src не имеет значения.