jQuery sélectionnez img avec src

Question

Je souhaite sélectionner une image (avec jQuery) avec l'attribut src. L'image est dans un ul et une collection de div. L'identifiant de l'ul est "triable".

Voici mon HTML:

<ul id="sortable"> 
    <li id="pic_0"> 
    <div class="sortEleWrapper"> 
     <div class="imgWrapper"> 
     <img src="/test1.jpg"> 
     </div> 
     <input type="text" name="picText" id="picText" value="""" style="width:105px;color:#aaa" class="sortInput"> 
    </div> 
    <input type="hidden" id="picSrc" name="picSrc" value="/test1.jpg"> 
    </li> 
</ul> 

etc.

et voici mes js:

if($('#sortable').find('img[src="/test1.jpg"]').length > 0){ 
    alert('img exists'); 
}else{ 
    alert('img doesnt exists'); 
} 

Mon problème est qu'ils ne trouvent aucune image. Mais si j'écris le js comme ceci:

if($('img[src="/test1.jpg"]').length > 0){ 
    alert('img exists'); 
}else{ 
    alert('img doesnt exists'); 
} 

afin qu'ils trouvent l'image.

Answer 1

Je ne sais pas pourquoi la différence, mais essayez d'utiliser le sélecteur the $= attribute ends with.

Semble fonctionner.

Exemple:http://jsfiddle.net/bTf7K/

$('#sortable').find('img[src$="/test1.jpg"]') 

---

EDIT: La différence peut avoir quelque chose à voir avec la méthode d'obtenir la valeur d'attribut que jQuery utilise à des moments différents.

Utilisation des méthodes natives:

element.getAttribute("src") // returns the actual value that was set 

element.src // returns the value but with the full domain path 

Je devine que jQuery utilise les deux à des moments différents.