jquery - 我可以使用 jQuery 将 javascript 数组映射到
元素？

Question

我有一系列错误消息：json.Errors

有没有一种方法可以使用 jQuery 从这个数组中创建以下内容？

    <ul class="message" id="message">
        <li>message1</li>
        <li>message2</li>
    </ul>

在过去，我做了类似以下代码的事情：

$.map(json.Errors, function (error) {
   return error + '</br>';
}).join('');

我不确定它是否有帮助，但也许有人知道如何使用 $.map 来实现此目的。

score 3 · Accepted Answer

我建议：

$.each(json.Errors, function(i,e) {
    $('#message li').eq(i).text(e);
});

当然，这需要li元素和json.Errors数组之间的 1:1 关系。

如果您想创建li元素（而不是依赖它们已经存在），那么我建议：

$.each(json.Errors, function(i, e) {
    $('<li />').text(e).appendTo('#message');
});

参考：

score 1 · Accepted Answer

如果你说它是一个数组，为什么不使用简单的连接呢？

$('#message').html('<li>' + json.Errors.join('</li><li>') + '</li>');

score 1 · Accepted Answer

var errUl = $('<ul class="message" id="message">' + $.map(json.Errors, function(error) {
    return '<li>' + error + '</li>';
}).join('') + '</ul>');

这将创建一个包含无序列表的已解析 HTML 数据的 jQuery 对象，errUl.

score 1 · Accepted Answer

如果你想使用地图，你可以做类似下面的事情

$("#message").empty().append($(json.Errors).map(function (msg){
  return $("<li>" + msg+ "</li>");
}));

或使用每个

$("#message").empty().append($(json.Errors).each(function (){
  return $("<li>" + this+ "</li>");
}));

jquery - 我可以使用 jQuery 将 javascript 数组映射到元素？