jQuery seleccionar img con src

Question

Quiero seleccionar una imagen (con jQuery) por el atributo src. La imagen está dentro de una ul y una colección de div's. La identificación del ul es "ordenable".

Aquí es mi 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.

y aquí está mi JS:

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

Mi problema es, que no encuentran ninguna imagen. Pero si escribo el js de esta manera:

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

para que encuentren la imagen.

Answer 1

No estoy seguro de por qué la diferencia, pero intente usar el selector the $= attribute ends with.

Parece que funciona.

Ejemplo:http://jsfiddle.net/bTf7K/

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

---

EDIT: La diferencia puede tener algo que ver con el método para obtener el valor del atributo que utiliza jQuery en diferentes momentos.

Uso de métodos nativos:

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

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

así que supongo jQuery utiliza ambos en diferentes momentos.