JQuery reference variable with selector, wrong data

Question

I have a little problem in my jQuery code. I do things like that:

HTML :

<div class="parent">
    <div class="selector">....</div>
</div>

JS:

$ref = $('.parent .selector');
$parent = $('.parent');

$ref.size() --> 1 
$parent.append('<div class="selector">....</div>');
$ref.size() --> always 1  ...

So what the use of store in vars... If i don't use reference var, all is good. Thanks.

Caching the result is only good when you do not add or remove elements dynamically. If you do, the set of elements that matchs the selector is no longer the same, and it then makes sense to query again. — Virus721
– Virus721, Commented Jul 16, 2013 at 13:16
jQuery only selects the elements that currently exist. If you change the structure of the document, you have to reselect the elements. — Felix Kling
– Felix Kling, Commented Jul 16, 2013 at 13:21

Spokey · Accepted Answer · 2013-07-16 13:12:37Z

2

By the time you store the object in $ref it only has one child so it will always show 1
You have to go through the DOM again after appending a new item.

$ref = $('.parent .selector');
$parent = $('.parent');

$ref.size() --> 1 
$parent.append('<div class="selector">....</div>');
$('.parent .selector').size() --> 2

answered Jul 16, 2013 at 13:12

Spokey

11k2 gold badges31 silver badges44 bronze badges

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

Comments

GautamD31 · Accepted Answer · 2013-07-16 13:18:21Z

0

Put like

$('<div class="selector">....</div>').appendTo($parent);
$parent.size(); --> gives 2

You need to append the div after the div class selector

edited Jul 16, 2013 at 13:18

answered Jul 16, 2013 at 13:08

GautamD31

28.8k10 gold badges66 silver badges86 bronze badges

7 Comments

GautamD31 Over a year ago

Both are same I think...See iam appending to $ref

Amoeba Over a year ago

Excuse me but this is not the correct use of append in jQuery.

Virus721 Over a year ago

I know, i'm just giving the other method for a more global view.

Spokey Over a year ago

Won't that append .selector into .selector instead of parent?

Virus721 Over a year ago

Yes it will add to every element in the collection actually, i didn't even see that

|

Collectives™ on Stack Overflow

JQuery reference variable with selector, wrong data

2 Answers 2

Comments

7 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

7 Comments

Your Answer

Sign up or log in

Post as a guest

Related