javascript - jquery如何使用对象内容搜索和实现div内容

标签 javascript jquery

我正在忙着插入 ajax 调用返回的内容。

我有一组div,每个div都有不同的id示例:

<div id ="first_name"> content </div>
<div id ="last_name"> content </div>
<div id ="email"> content </div>

另一方面,我有一个带有 key => value 的对象示例:

{"first_name" : "value", "last_name" : "value", "email" : "value"}

对象的键与 div 的 id 匹配。

如何在 $(document).ready() 上搜索匹配的 id 和对象键并将它们的值放入 jquery 中?

最佳答案

原始答案:

  for(val in entries) {
    if(entries.hasOwnProperty(val)) {
      $("#"+val).html(entries[val]);
    }
  }

编辑以解决评论中的问题:

您希望这自动发生吗?当您从 ajax 调用收到新数据时?

$.getJSON(url, function(entries) {
  for(val in entries) {
    if(entries.hasOwnProperty(val)) {
      $("#"+val).html(entries[val]);
    }
  }
}

关于javascript - jquery如何使用对象内容搜索和实现div内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11880940/

相关文章:

javascript - 从 State 数组获取特定值时未定义 - React Native

javascript - 将函数绑定(bind)到新创建的元素

jquery - 如何在提交时调用函数?

javascript - 单击父元素时如何切换两个图像?

javascript - jquery中如何传递变量

javascript - jQuery : How to check if NO option was explicitly selected in a select box

javascript - 如何将 rollup 与 Sirv 结合使用来打造简洁的应用程序

从头开始没有库的javascript弹出窗口

javascript - 使用 OptGroup 选择框

jquery - 当滚动到视口(viewport)边缘时图像消失