Question

我有以下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事件起作用。

THX

Answer 1

您应该在文档就绪功能

中进行验证

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

Answer 2

试试这段代码：

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

Answer 3

你应该将它包装在document.ready函数中，如下所示

$(document).ready(function(){

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


});

Answer 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');
        }
    });


});

使用jQuery检查img src是否为空

4 个答案: