jquery - 関数を介したJquery配列appendTo

Question

配列値をdivに追加しようとすると、この部分は機能しますが、ここでは何も問題はありませんが、配列値をフォーマットする必要があり、appendTo() jquery関数の直前に関数を介して値を渡すだけで簡単できれいです.これが可能かどうかはわかりますが...

これの長いリストがあります：$(c[3]).appendTo('#output_div_id1');

私が達成しようとしているのは$( number_format(c[3])).appendTo('#div');

これは機能していないようです。どうすればこれを達成できるのでしょうか?

Answer 1

配列aと核変換関数が与えられた場合f、以下のコードは、配列の各要素を、その関数を通過した特定のセレクターに追加します。

$.fn.append.apply($('#div'), $.map(a, f));

したがって、あなたの場合、次のようになります。

function number_format(n) {
    return n.toFixed(2);  // modify to suit
}

使用するもの：

$.fn.append.apply($('#div'), $.map(c, number_format));

その結果、のすべての要素がdivcに渡されnumber_formatてからdivに追加され、元の配列は変更されません。

Answer 2

追加する前にエントリをフォーマットできます

また

jQuery プロトタイプを変更してみることができます。

$.fn.numberFormat = function () {
    var htmlStr = $(this).html();

    //do stuff to the html (or whatever you're changing)

    return $(this).html(htmlStr);
};

そしてそれを次のように使用します：

$(c[3]).numberFormat().appendTo('#div");

Answer 3

または単に append() を使用します。 http://api.jquery.com/append/

例：

<div id="element">Hello</div>
$('#element').append(function(index, html) {
    return ' world!';
});