循环遍历 AJAX 响应和 div，设置 div 值等于相同 id 的 AJAX 值答案

【问题标题】：loop through AJAX response & divs, setting div values equal to AJAX values of same id循环遍历 AJAX 响应和 div，设置 div 值等于相同 id 的 AJAX 值
【发布时间】：2013-01-02 17:31:10
【问题描述】：

因为有了 jQuery，我已经能够最大限度地放纵我的懒惰，但真正的好处是把大部分时间花在好东西上，而不是花在乏味的东西上。我想进一步说明。

目前，我将有一些像这样的 HTML：

<div id="id1"></div>
<div id="id2"></div>
<div...

等等。

然后，我将调用ajax，期望对象“ids”与 div ids 相同，如下所示：

$.ajax({
    success: function (msg) {
        $("#id1").text(msg.id1);
        $("#id2").text(msg.id2);
        $("#...

等等。

这可以简化为“单行”吗？具体来说，我不知道如何在响应对象数组中使用divs 的id。

非常感谢！

【问题讨论】：

标签： jquery ajax object loops uniqueidentifier

【解决方案1】：

可以，可以，使用jQuery.each()方法：

success: function (msg) {
  jQuery.each(msg, function(key, value){
    $('#' + key).text(value);
  });
}

【讨论】：

【解决方案2】：

如果有办法将您的 div 与页面上的其他 div 分开，您可以这样做

$('div[id^=id]').text(function(){ return msg[this.id]  }); // <-- one liner just for you

可以通过两种方式访问对象的属性..

msg.property
msg[property] // <-- this way is more flexible...

所以你实际上传递了每个 div 的 id 作为属性名称

msg[id1] // etc..

【讨论】：