длина JQuery не удалось подтвердить

Question

У меня есть этот HTML:

<div id="product_imgfiles_container" class="row"> 
    <div class="col-xs-4 col-md-2"> 
     <div class="thumbnail product_imgfiles"> 
      <img src="./user/product/2016/04/07/2608/0024454001460020491/img/29310931.jpg "> 
      <a href=""><span><i class="fa fa-times-circle"></i> delete</span></a> 
     </div> 
    </div> 
    <div class="col-xs-4 col-md-2"> 
     <div class="thumbnail product_imgfiles"> 
      <img src="./user/product/2016/04/07/2608/0024454001460020491/img/29340931.jpg "> 
      <a href=""><span><i class="fa fa-times-circle"></i> delete</span></a> 
     </div> 
    </div> 
    <div class="col-xs-4 col-md-2"> 
     <div class="thumbnail product_imgfiles"> 
      <img src="./user/product/2016/04/07/2608/0024454001460020491/img/29311931.jpg "> 
      <a href=""><span><i class="fa fa-times-circle"></i> delete</span></a> 
     </div> 
    </div> 
</div> 

и у меня есть этот JQuery:

$.getJSON("controller/ctrl.dropzonejs-imgfiles.php?dir=XXX",function(json){       
    $.each(json, function(key, val) { 
     alert (val); 

     if (!$("#product_imgfiles_container img[src="+val+"]").length){ 
      alert ("this val not in your HTML yet"); 
     } 

    }); 
}); 

, когда нет никакого IF заявление, alert (val); может показать все данные JSON. но когда мне нужно проверить с .length, он останавливает итерацию. и я до сих пор не могу выполнить alert ("this val not in your HTML yet");.

Как правильно использовать .length, чтобы проверить, существует ли путь src от json в HTML или нет?

Answer 1

Вы, вероятно, получаете сообщение об ошибке от двигателя селектора JQuery/браузера. Вам нужно поставить значение, которое вы получаете от val в кавычки:

$("#product_imgfiles_container img[src='"+val+"']") 
// Note -------------------------------^-------^ 

Вы можете использовать веб-консоль, чтобы увидеть ошибки.

Answer 2

Вы можете изменить, если условие

if (!$("#product_imgfiles_container img").prop('src') == val){ 
      alert ("this val not in your HTML yet"); 
     } 

Answer 3

Я уверен, что значение «val», получаемое из JSON, недействительно, «val» имеет полный путь, включая имя изображения.

Так что лучше использовать только имя изображения вместо полного пути.

img src="/dummy/image/logo_header.png" 

var x = $("img[src$='logo_header.png']"); 

Answer 4

изменения вы код быть следующим: -

if ($("#product_imgfiles_container img[src='"+val+"']").length==0){ 
      alert ("this val not in your HTML yet"); 
     }