Question

我需要检查img src是否为空，然后将一个类应用于另一个元素。

这是HTML

<span class="page-icon"><img src="" width="40" height="40" alt="Privacy" /></span>

如果img src为空，请将课程hide应用于span.page-icon。

Answer 1

$('img[src=""]').parent().addClass('hide')

Answer 2

这样的事情应该对页面上的所有图像都这样做......

$('img').each(function(){
 var src = $(this).attr('src');
 if (!src){
  $(this).parent('.page-icon').addClass('hide');
 }
});

Answer 3

$('span.page-icon img').each(function() {
    console.log(this.src);
    if (this.src.length <= 0) {
        $(this).parent().addClass('hide');
    }
    else if ($(this).attr('src').length <= 0) {
        $(this).parent().addClass('hide');
    }
});

小提琴：http://jsfiddle.net/maniator/kk9MQ/

Answer 4

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

   if($(this).attr("src") === "")
   {

       $(this).parent().addClass("hide");

   }

});

Answer 5

$('span').has('img[src=""]').addClass('hide');

查找span img src=""并hide添加{{1}}

Answer 6

使用属性选择器获取具有空src属性的img元素。

$("img[src='']").parent().addClass("hide");

Answer 7

如果跨度只包含一个图像标记，则可以使用：

$('span.page-icon:has(img[src=""])').addClass('hide');

http://jsfiddle.net/Dhfam/

Answer 8

这应该有效：

if ($(".page-icon img").attr("src").length == 0) {
  $(".page-icon").addClass("hide");
}

如果为空则应用类

8 个答案: