jquery - Jquery数组appendTo通过函数

Question

尝试将数组值附加到 div，这部分有效，这里没有错，但是我需要格式化数组值，并且在 appendTo() jquery 函数之前通过函数传递值会简单而整洁，不要知道这是否可能...

有一个很长的清单：$(c[3]).appendTo('#output_div_id1');

我想要实现的是$( number_format(c[3])).appendTo('#div');

这似乎不起作用。想法我怎么能做到这一点？

Answer 1

您可以在附加条目之前格式化条目

或者

您可以尝试修改 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 2

或者只使用 append()。 http://api.jquery.com/append/

例子：

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

Answer 3

给定一个数组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));

结果将是每个元素都将c被传递给number_format然后附加到 div，而原始数组保持不变。