jquery循环json对象赋值

如果你有一个 JSON 对象,想要用 jQuery 循环它并将其属性值赋值到 HTML 元素上,可以使用 jQuery 的 $.each() 函数。

以下是一个简单的示例代码:

HTML 代码:

<div id="myDiv"></div>

JavaScript 代码:

// 定义 JSON 对象
var myObj = {
    "name": "John",
    "age": 30,
    "city": "New York"
// 循环 JSON 对象并将其属性值赋值到 HTML 元素上
$.each(myObj, function(key, value) {
    $('#myDiv').append('<p>' + key + ': ' + value + '</p>');

在这个例子中,我们首先定义了一个包含姓名、年龄和城市属性的 JSON 对象 myObj。然后使用 .each()函数循环遍历这个对象。.each() 函数循环遍历这个对象。.each() 函数的第一个参数是要循环遍历的对象,第二个参数是一个函数,这个函数会在每次循环中被调用。在这个例子中,我们将 JSON 对象的每个属性的名称和值都添加到 HTML 元素上。

这样,就可以循环 JSON 对象并将其属性值赋值到 HTML 元素上了。

  •