jQuery用src選擇img

Question

我想通過src屬性選擇一個圖像（使用jQuery）。 Image位於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

我不確定為什么會有區別，但嘗試使用$=屬性以選擇器結束 。

似乎工作。

示例： 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在不同的時間使用這兩種方法。