Edited at

空のjQueryオブジェクトを作って要素を追加する方法

More than 3 years have passed since last update.

空のjQueryオブジェクトは$()で作ることができる

要素の追加は.add()だが、その語感から破壊的メソッドと勘違いしこんなことをしがち。

var $list = $();

var i = 3;
while (i--) {
$list.add($('<div>'));
}
console.log($list.length); // 0

実は.add()は破壊的ではなく、新しいjQueryオブジェクトが戻ってくるのでこちらが正解。

var $list = $();

var i = 3;
while (i--) {
$list = $list.add($('<div>'));
}
console.log($list.length); // 3