jQuery wählen Sie img mit src

Question

Ich möchte ein Bild (mit jQuery) durch die src Attribut auswählen. Das Bild befindet sich in einer ul und einer Sammlung von Divs. Die ID der UL ist "sortierbar".

Hier ist mein 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> 

usw.

und hier ist mein js:

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

Mein Problem ist, dass sie jedes Bild nicht finde. Aber wenn ich die js so schreibe:

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

so finden sie das Bild.

Answer 1

Ich bin mir nicht sicher, warum der Unterschied, aber versuchen Sie mit the $= attribute ends with Selektor.

Scheint zu arbeiten.

Beispiel:http://jsfiddle.net/bTf7K/

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

---

EDIT: Der Unterschied kann etwas mit der Methode des Erhaltens des Attributwertes, dass jQuery verwendet zu unterschiedlichen Zeiten zu tun.

mit nativen Methoden:

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

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

So vermute ich jQuery diese beiden zu unterschiedlichen Zeiten verwendet.