longueur jQuery n'a pas réussi à valider

Question

je ce 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> 

et je cette 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"); 
     } 

    }); 
}); 

quand il n'y a pas d'instruction IF, alert (val); peut afficher toutes les données JSON. mais quand j'ai besoin de valider avec .length, il arrête l'itération. et je ne peux toujours pas exécuter alert ("this val not in your HTML yet");.

comment correctement utiliser .length pour valider si le chemin src de json existe déjà en HTML ou pas?

Answer 1

Vous obtenez probablement une erreur du moteur de sélection de jQuery/votre navigateur. Vous avez besoin de mettre la valeur que vous obtenez de val entre guillemets:

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

Vous pouvez utiliser la console Web pour voir des erreurs.

Answer 2

Vous pouvez changer votre état si à

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

Answer 3

Je suis sûr que la valeur "val" provenant de JSON n'est pas valide, le "val" est chemin complet avec le nom de l'image. Donc, mieux vaut utiliser uniquement le nom de l'image au lieu du chemin complet.

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

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

Answer 4

changement que vous code les suivantes: -

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