javascript - 带有选择器的 JQuery 引用变量，错误的数据

Question

我的 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 有什么用...如果我不使用引用 var，一切都很好。谢谢。

Answer 1

当您将对象存储在其中时，$ref它只有一个孩子，因此它始终会显示1
您必须在附加新项目后再次通过 DOM。

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

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

Answer 2

放喜欢

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

您需要在 div 类之后附加 divselector