使用 jQuery 检查 img src 是否为空答案

【问题标题】：Check if img src is empty using jQuery使用 jQuery 检查 img src 是否为空
【发布时间】：2012-09-13 13:55:50
【问题描述】：

我有以下 HTML：

 <div class="previewWrapper" id="thumbPreview3">
  <div class="previewContainer">
   <img src="" class="photoPreview" data-width="" data-height=""><span>3</span>
  </div>
 </div>

我的以下 JQUERY 无法正常工作。

    if($('div.previewWrapper div.previewContainer img').attr('src') == '') {
      alert('got me');
    }

谁能告诉我我错过了什么。当 src 为空时，如何让 click 事件起作用。

谢谢

【问题讨论】：

似乎工作正常jsfiddle.net/44W2s
你把它放在 $(document).ready() 里面了吗？

标签： javascript jquery html image

【解决方案1】：

您应该在文档就绪功能中进行验证

$(document).ready(function(){
   if($('div.previewWrapper div.previewContainer img').attr('src') == '') { 
      alert('got me'); 
    }
});

【讨论】：

【解决方案2】：

试试这个代码：

$(document).ready(function(){
    if ($("div.previewWrapper div.previewContainer img[src=='']").click(function()){
          alert('got me');
        }
});

【讨论】：

他也问如何“获取”点击事件。 $("div.previewWrapper div.previewContainer img[src=='']").click(function() { alert('got me'); });

【解决方案3】：

你应该像这样将它包装在 document.ready 函数中

$(document).ready(function(){

if($('div.previewWrapper div.previewContainer img').attr('src') == '')
     {
      alert('got me');
    }


});

【讨论】：

只检查第一个图像属性 src。

【解决方案4】：

请检查这似乎工作here

<div class="previewWrapper" id="thumbPreview3">
  <div class="previewContainer">
   <img src="" class="photoPreview" data-width="" data-height=""><span>3</span>
  </div>
</div>
<input type="button" id=click value =" Click me" />


$(function () {

    $("#click").click(function () {

        if ($('div.previewWrapper div.previewContainer img').attr('src') == '') {
            alert('got me');
        }
    });


});

【讨论】：

最好也在这里发布示例代码。 JSFiddle 可能有一天会消失。