JQuery: find child elements from an existing selector

Question

Im sure the solution is simple but I cant figure it out :( I need to combine two jquery selectors in one selector:

$(this) + $(\'input[type=text]:first\')


        

Answer 1

You can use multiple comma-separated selectors:

http://api.jquery.com/multiple-selector/

Answer 2

Just use .find():

Get the descendants of each element in the current set of matched elements, filtered by a selector.

$(this).find('input[type=text]:first').focus();

or set the context to this:

$('input[type=text]:first', this).focus();

Answer 3

$(this).children('#inpouter[type=test]:first').focus();

Should do the trick...

Answer 4

I think you are looking for:

$('input[type=text]:first', this).focus();

It will focus the input box in the context of div#selected