jqueryので複数の要素を上書きなしで変数に入れる方法を教えてください。

Question

jqueryので複数の要素を上書きなしで変数に入れる方法を教えてください。

ここに質問の内容を詳しく書いてください。
jqueryの書き方についてご質問させてください。

htmlを直接触れないページで、jsを使用して、あるコンテンツを別の場所に移動させようとしています。
その際移動させたいコンテンツが一つのブロックで囲われているわけではなく、下記のように同じclass名で複数のブロックに分かれています。
複数の要素を変数に入れたいのですが、基本上書きされてしまって、最後の要素しか取ってこれません。
上から順に追加という形で変数に入れることは可能でしょうか？

変数にさえ入れてしまえば、あとはappendなどを使用して、移動させられるのですが。

ご回答よろしくお願いします。
■■な機能を実装中に以下のエラーメッセージが発生しました。

発生している問題・エラーメッセージ

該当のソースコード

<div class="FS2_ReviewEditAverage">
<p>この商品の平均評価：<img src="/shop/item/senbikiya/design/template01/btn/ReviewStars_50.gif" alt="おすすめ度（5.0）" border="0" align="absmiddle" class="FS2_ReviewStars"> <b class="caution">4.80</b></p>
</div>

<table border="0" cellspacing="0" cellpadding="0" class="userTable_01">
<tbody><!--省略--></tbody></table>

<table border="0" cellspacing="0" cellpadding="0" class="userTable_01">
<tbody><!--省略--></tbody></table>

<table border="0" cellspacing="0" cellpadding="0" class="userTable_01">
<tbody><!--省略--></tbody></table>

<table border="0" cellspacing="0" cellpadding="0" class="userTable_01">
<tbody><!--省略--></tbody></table>

試したこと

$(function () {
var length =$(".userTable_01").length;
for (var i = 0; i < length; i++) {
var review_txt = $(".userTable_01").html;
}
});

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Comments

[yambejp]

「htmlを直接触れないページで、jsを使用」→これはjsは外部ファイルかなにかで任意に拡張できるということでしょうか？「あるコンテンツを別の場所に移動」例示されたhtmlからでは何を何処にどのような条件でどのタイミングで移動したいのかわかりません。具体的な仕様の提示が必要です

Answer 1

配列に入れるというか、
とりあえず変数として取得して、いろいろやりたいという感じであれば。
eachを使うと便利です。

$('.userTable_01').each(function(){
	console.log($(this));

	//.xxxxxxに、appendしたい先のクラスなどセレクタを入れれば移動できます。
	$('.xxxxxx').append($(this));
});

Answer 2

class指定のセレクタ$('.userTable_01')で複数要素を取得する事が出来ます。

var table = $('.userTable_01');
console.log(table); //複数取得が確認できます

配列っぽいjQueryオブジェクトになっていますが、
配列ではないので、各要素にアクセスするにはtable.eq(0)やtable.get(0)といったメソッドを使います。
eqとgetの違いはjQueryの基本なので調べてみて下さい。

これをただ単純に配列にしたいならば$('.userTable_01').toArray()で変換する事も可能です。
配列にしてしまえば、操作も自ずと決まってくるので考えやすくなると思います。

追記：試したことをリファクタリングするとこうなります

$(function () {
	//forで回す場合(質問者さんのコードではせっかくのカウンタ変数iが使われていません。)
	var $table = $(".userTable_01"); //jQueryは変数に入れてキャッシュ化すると速くなります
	for (var i = 0, length = $table.length; i < length; i++) {
		var review_html = $table.eq(i).html();
		//review_htmlを処理
	}

	//eachを使う場合(カウンタ変数要らない)
	$(".userTable_01").each( function(idx, elem){
		var review_html = $(elem).html();
		//review_htmlを処理
	});
});

Answer 3

以下じゃ駄目ですか？

var $tables = $('.userTable_01');

// いれたい要素(hoge)に移動
$('#hoge').append($tables.clone());

// 元の要素はそのままにしたい場合は以下の通り
// $('#hoge').append($tables.clone());