Jquery Cache variables

Question

I have the following:

$(function(){
   $table = $('#print_types table');
});

Is it possible to do something like this:

$(function(){
   $($table + ' tr:last > td:first').after('something');
});

Since I'm caching a table element, how can I manipulate the table like I showed above? Normally I would have written it like this:

$(function(){
   $('div#print_types table tr:last > td:first').after('something');
});

The problem is I have a bunch of these statements and is the reason why I cached the table. I tried doing what I did, but I get an error. Am I missing something here?

Explosion Pills · Accepted Answer · 2013-01-05 16:42:12Z

2

Just use .find:

$table.find('tr:last > td:first')

This is essentially equivalent. You can't use $($table +... because $table's toString is not the selector you want.

answered Jan 5, 2013 at 16:42

Explosion Pills

192k56 gold badges341 silver badges417 bronze badges

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

1 Comment

Dimitri Over a year ago

You're right, I didn't think of using .find(). But it works now. I knew there was something off when I was writing $($table +... Thanks!

charlietfl · Accepted Answer · 2013-01-05 16:42:25Z

0

$table is a jQuery object. A jQuery selector is a string and you can not concatenate a string and an object.

Use find() instead

 $table.find(' tr:last > td:first').after('something');

answered Jan 5, 2013 at 16:42

charlietfl

172k14 gold badges125 silver badges154 bronze badges

Comments

Kyle · Accepted Answer · 2013-01-05 16:43:44Z

0

What you are looking for is context

$table = $('#print_types table');

$('tr:last > td:first', $table).after('something');

This is basically the same as

$table.find('tr:last > td:first').after('something');

.find()

answered Jan 5, 2013 at 16:43

Kyle

22.3k2 gold badges63 silver badges63 bronze badges

6 Comments

charlietfl Over a year ago

personally find() is easier to read IMO... internally jQuery uses find() when context provided so no performance benefits either

Kyle Over a year ago

@charlietfl I agree. I am just laying the options out for the OP.

Explosion Pills Over a year ago

@charlietfl context is useful when you don't have a jQuery object at your disposal, e.g. $('selector', this) vs. $(this).find('selector')

Explosion Pills Over a year ago

@charlietfl I know it's not the case here, I was just pointing it out. Yes, $(this) is not expensive; I'm just saying that they are not necessarily equivalent.

charlietfl Over a year ago

@ExplosionPills with exception of an extra $(this) call they are essentially the same.. core will use find() internally for context and likely has to wrap it in $(context)

|

Collectives™ on Stack Overflow

Jquery Cache variables

3 Answers 3

1 Comment

Comments

6 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

6 Comments

Your Answer

Sign up or log in

Post as a guest

Related