javascript - 将 id 分配给从 JSON 文件动态创建的 div

标签 javascript jquery html

我想将动态 id 属性分配给通过 JavaScript 附加的 div。例如:

function x() {
    for (current_list = 0; current_list < data.length; current_list++) {
        $("#current").append(
            "<div class="card">" +
            "<a href="" + data[current_list].url + "">" + data[current_list].name + "</a>" +
            "</div>");
    }
}

将附加两张卡片,所以我想为它们分配一个 id,如果 JSON 中存在更多数量的数组,它会增加。

最佳答案

你可能正在寻找这个。

function x() {
  var container=$("#current");
  for(var i=1;i<10;i++)
  {
    var id="card"+i;
    var divHtml="<div class='"+id+"'>" +
      "<a href=""+data[current_list].url+"">"+data[current_list].name+"</a>" +
    "</div>"
    container.append(divHtml);
   }
}

关于javascript - 将 id 分配给从 JSON 文件动态创建的 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53390757/

相关文章:

javascript - 我的 Bootstrap 警报在关闭后不会显示

javascript - 从下拉列表中选择一个未使用 Puppeteer Select 实现的选项

php - 使用 PHP- 文本编辑器压缩和合并 JS 文件

javascript - 类型错误 : Cannot find function setvalue in object Range

html - 我似乎无法弄清楚为什么我的汉堡包按钮在我的导航栏上不起作用

javascript - 背景图像 SVG 动画停止在 chrome 上工作

jquery - 在 Django 模板变量中链接 @username

javascript - Bootstrap 3 - 如何在点击时淡入警告框并在 3 秒后淡出

javascript - 我想将网页从顶部导航按钮滚动到同一网页的多个选项卡

jquery - 限制数字的html5模式