JQuery: combine two jq selectors

Question

Hi there.

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')

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

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

How to do?

Answer 1

I think you are looking for:

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

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

Answer 2

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

Should do the trick...

Answer 3

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 4

Use can use multiple comma-separated selectors:

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