Kiểm tra nếu img src trống sử dụng jQuery

Question

Tôi có HTML sau:

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

Và tôi đã jQuery sau đó không hoạt động.

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

bất kỳ ai cũng có thể tư vấn cho những gì tôi đang thiếu. Điều gì khiến sự kiện nhấp chuột hoạt động khi src trống.

thx

Answer 1

thử mã này:

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

Answer 2

Bạn nên làm xác minh của bạn bên trong chức năng tài liệu sẵn sàng

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

Answer 3

Bạn nên bọc này trong chức năng document.ready như thế này

$(document).ready(function(){ 

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


}); 

Answer 4

Hãy kiểm tra này Nó dường như làm việc 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'); 
     } 
    }); 


});​