Question

$('> img[src="folderopen.gif"]',$scope)

The above will fail,seems a bug of jQuery,is there a work around?

This issue is found here:

How to judge whether there is a specific child(.haschild('#test[att="test"]')) with jQuery?

EDiT

I’ve just verified this will also fail:

$scope.children( 'img[src="folderopen.gif"]');

Answer 1

Tested, and Works:

Demo Online: http://jsbin.com/uyuri3

<p id="scope"> 
  <img src="foo.jpg" /> 
</p>

— with —

$(function(){
  var scope = $("#scope");
  alert( $(scope).children("img[src$='foo.jpg']").attr("src") );
});

— works with your original syntax too —

var img = $("> img[src$='foo.jpg']", scope);

---

An Interesting Bug

We know that our src value is foo.jpg, yet the following fails:

$("img[src='foo.jpg']");

So I was curious if jQuery’s interpretation of the src would be equal to the string literal source I provided in the HTML:

$("img", scope).attr("src") === "foo.jpg"; // true

This makes the whole situation very strange. jQuery argues that the src value is NOT equal to "foo.jpg" when you pass it in as part of the selector, but it IS equal to the string literal when you compare from a call to attr().

In the end, $= is necessary to get jQuery to agree that "foo.jpg" is equal to "foo.jpg". This certainly is a bug, but not an insurmountable one.