带有选择器的JQuery引用变量,错误的数据

时间:2013-07-16 13:06:59

标签: javascript jquery variables jquery-selectors

我的jQuery代码有点问题。我这样做:

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  ...

那么在vars中使用store ...如果我不使用reference var,一切都很好。 感谢。

2 个答案:

答案 0 :(得分:2)

当您将对象存储在$ref时,它只有一个孩子,因此它始终显示1
添加新项目后,您必须再次浏览DOM。

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

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

答案 1 :(得分:0)

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

您需要在div class selector

之后附加div