method-chaining - jQuery.each() の連鎖

Question

オブジェクトからの結果を新しく作成された HTML 要素に追加しようとしています:

*long chain of newly created elements*.append(
    $("<div />").append(
        $.each(myObj.results, function( intIndex, objValue ){
            return objValue.description;
        })
    )
);

each() の代わりに for ループで function() 呼び出しを使用すると機能しますが、each() でこれを達成する方法はありませんか?

Answer 1

.each はコレクションを反復するだけです。何かを返すには無名関数が必要なので、これを試してください。

$("<div />").append(function(){
        var string = "":
        $.each(myObj.results, function( intIndex, objValue ){
               string += objValue.description;
            })
        return string;
    });

Answer 2

.eachリストを反復して操作を実行するためのものです。各反復で返された要素から配列を構築する$.mapで目的を達成できます。

*long chain of newly created elements*.append(
    $("<div />").append(function(){
        var des = $.map(myObj.results, function( objValue ){
                     return objValue.description;
                  });
        return des.join(' ');
      });
);