javascript – jQuery选择img与src

我想通过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');
}

所以他们找到了图像。

我不知道为什么有区别,但尝试使用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在不同的时间使用这两个。

http://stackoverflow.com/questions/3752857/jquery-select-img-with-src

本站文章除注明转载外,均为本站原创或编译
转载请明显位置注明出处:javascript – jQuery选择img与src