jQuery select src選擇圖片

Question

我想用src屬性選擇一個圖片（帶有jQuery）。該圖像是在一個UL和一個div集合中。 ul的id是「可排序的」。

這裏是我的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> 

等

這裏是我的js：

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

我的問題是，他們沒有發現任何圖像。但是，如果我寫這樣的js：

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

讓他們找到圖像。

Answer 1

我不知道爲什麼不同，但嘗試使用the $= attribute ends with選擇器。

似乎工作。

實施例：http://jsfiddle.net/bTf7K/

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

---

編輯：的差異可以具有是與獲得該jQuery使用在不同的時間的屬性值的方法。

使用本地方法：

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

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

所以我猜的jQuery在不同的時間使用這兩種。