$(this +"selector") ? $("img",this) possible?

Question

I'm trying to "select" a img inside a $(this) selector. I know I can find it by using .find('img') but is this possible:

$("img",this) ?

What's the most optimal way to do this?

Originally code

<a class="picture" href="test.html">
    <img src="picture.jpg" alt="awesome">
</a>

Answer 1

That a perfect reasonably way of doing it.

So you would do like:

$('a').click( function() {    //if the element dosent change you can use this    //var src = $('img', this).attr('src');    //else use $(this)    var src = $('img', $(this)).attr('src');    alert(src);    return false; }); 

See: http://jsfiddle.net/xYmwV/

There is really no difference, since in both methods you load the dom element, and search it. Your way ofcourse is "cleaner" and simpler, but might be more confusing :)

A faster way would be $(this).children() since it then would'nt have to search for elements, but goes directly downwords in the DOM. But it takes out the flexibility of the script.

Answer 2

What's the most optimal way to do this?

Both $(this).find('img') and $('img', this) are equivalent.

From the docs:

Internally, selector context is implemented with the .find() method, so $('span', this) is equivalent to $(this).find('span').

http://api.jquery.com/jQuery/

Answer 3

Yes you can do that... anyway they're equivalent, so it's only a matter of your 'syntactic tastes':

Internally, selector context is implemented with the .find() method, so $('span', this) is equivalent to $(this).find('span').

http://api.jquery.com/jQuery/