[解決済み] JQueryでクラス名で全要素を取得する

質問

javscriptとjqueryを学ぶ過程で、googleのページに目を通しましたが、これを動作させることができないようです。基本的に私はクラスのinnerhtmlを収集しようとしています、jqueryはプレーンなjavascriptよりも提案されているようです、document.writeに。

これまでのコードは以下の通りです。

<div class="mbox">Block One</div>
<div class="mbox">Block Two</div>
<div class="mbox">Block Three</div>
<div class="mbox">Block Four</div>

<script>
var mvar = $('.mbox').html();
document.write(mvar);
</script>

これだと、document.writeの下に表示されるのは最初のクラスだけです。ブロック1、ブロック2、ブロック3のようにまとめて表示するにはどうしたらよいでしょうか？私の最終的な目標は、ブロック1、ブロック2、ブロック3、ブロック4のようにカンマで区切って表示することです。ありがとうございます、関連する質問の束は出てきますが、どれもこのように単純ではないようです。

どのように解決するのですか？

可能な方法の1つは .map() メソッドを使用します。

var all = $(".mbox").map(function() {
    return this.innerHTML;
}).get();

console.log(all.join());

DEMOです。 http://jsfiddle.net/Y4bHh/

N.B. を使用しないでください。 document.write . テスト用 console.log が最適です。