jQuery wybierz img z src

Question

Chcę wybrać obraz (z jQuery) przez atrybut src. Obraz jest wewnątrz ul i kolekcji div. Identyfikator ul jest "sortable".

Tu jest mój 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> 

itp

i tu jest moje JS:

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

Moim problemem jest to, że nie znaleźliśmy żadnego obrazu. Ale jeśli napiszę js w ten sposób:

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

dzięki czemu znajdują obraz.

Answer 1

Nie jestem pewien, dlaczego różnica, ale spróbuj użyć selektora the $= attribute ends with.

Wydaje się działać.

Przykład:http://jsfiddle.net/bTf7K/

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

---

EDIT: Różnica może mieć coś wspólnego ze sposobem uzyskiwania wartość atrybutu, który używa jQuery w różnych czasach.

wykorzystaniem metod natywnych:

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

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

Więc zgaduję jQuery korzysta zarówno z nich w różnych momentach.