jQuery |for 循环创建唯一元素类答案

【问题标题】：JQuery |for loop create unique elements classesjQuery |for 循环创建唯一元素类
【发布时间】：2020-11-05 01:50:46
【问题描述】：

我想循环通过我的 json 文件创建元素来插入信息。问题是我需要有一个由元素 class= 'name'[i] i 之类的东西定义的唯一元素，它表示将更改类名的值，（name1、name2、name3 等...）

如果有人可以向我提供有关如何执行此操作的一些见解或帮助我指明正确方向的文档，我将不胜感激。

for (var i = 0; i < data.length; i++) {
   if (data[i].class = 'IN750')
   {
     //document.createElement("TD")
     //assign unique class (name[i]) 
     //append element by class = name[i]
   }
}

【问题讨论】：

标签： jquery json for-loop

【解决方案1】：

由于您标记了 jQuery，您可以使用 $.each 方法遍历您的数组，然后使用 id 为每个元素添加一个类这是一个可行的解决方案。

var data = [{
    "id": 1,
    "name": "item 1"
}, {
    "id": 2,
    "name": "item 2"
}, {
    "id": 3,
    "name": "item 3"
}, {
    "id": 4,
    "name": "item 4"
}];

$.each(data, function (i, item) {
    $("#myList").append("<li class='"+item.id+"'>" + item.name + "</li>");
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<ul id="myList"></ul>

【讨论】：