JQuery: find child elements from an existing selector

Im sure the solution is simple bu开发者_高级运维t I cant figure it out :( I need to combine two jquery selectors in one selector:

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

$(this) is e.g div#selected so the result should be:

$('div#selected input[type=text]:first').focus();

How to do?

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();

You can use multiple comma-separated selectors:

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

I think you are looking for:

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

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

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

Should do the trick...