Create selector using a combination of variable and html element

Question

It it possible to combine a variable and a html element in order to create a selector?

Say, I have this variable:

var element = $('.myElement');

Is it possible to reuse this variable instead of doing this:

$('.myElement input').val('');

Something like... (which obviously doesn't work)

$(element 'input').val('');

Thanks.

Straight forward no because element contain reference to $('.myElement') & when you use it inside it become $($('.myElement') 'input') so incorrect — sanjeev
– sanjeev, Commented Jan 21, 2014 at 9:04

Rajaprabhu Aravindasamy · Accepted Answer · 2014-01-21 09:03:00Z

5

you can do it by using the .find(),

element.find('input').val('');

Please read here to know more about .find()

As Mildly suggested, you could use the context feature of the selector too.

$('input', element)

answered Jan 21, 2014 at 9:03

Rajaprabhu Aravindasamy

67.2k17 gold badges107 silver badges133 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Ram Over a year ago

There is no need to rewrap the element. element.find()... will work.

MildlySerious Over a year ago

Exactly, or by passing it as a context, $('input', element), which works just the same way.

Gregory Kalabin · Accepted Answer · 2014-01-21 09:06:07Z

2

You could use optional context for your selector like jQuery( selector [, context ] ).

For example:

var element = $('.myElement');
var child = $('input', element);

Docs

answered Jan 21, 2014 at 9:06

Gregory Kalabin

1,8081 gold badge21 silver badges45 bronze badges

Comments

martijn1987 · Accepted Answer · 2014-01-21 09:15:28Z

0

You can use:

$(element + 'input').val('');

For more information about selectors:

http://api.jquery.com/category/selectors/

The find() function is very helpful when the 'input' element is not always available or selecting more elements, that you can loop through each item:

$(element).find('input').each(function() { /*some code*/ } );

edited Jan 21, 2014 at 9:15

answered Jan 21, 2014 at 9:13

martijn1987

11 bronze badge

Collectives™ on Stack Overflow

Create selector using a combination of variable and html element

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related