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

空の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