首頁猿問怎么對Json對象進(jìn)行遍歷呢？

怎么對Json對象進(jìn)行遍歷呢？

JavaScript

ABOUTYOU 2018-10-11 13:10:49

我有一個(gè)json對象，我想讓他的value遍歷輸出到我li上，該怎么做呢？<li class="list-group-item">1413</li> <li class="list-group-item">14溫度：</li> <li class="list-group-item">14天氣：</li><li class="list-group-item"> 14星期：</li><li class="list-group-item">14風(fēng)力：</li> <li class="list-group-item">14風(fēng)力：</li>因?yàn)閖son對象的key是英文的，我不想輸出英文，所以我就先把key寫在這里了。之后我就想在span標(biāo)簽里輸出value，但是我想到使用for in 的我得獲得span對象， $('#shishi').find('span').each(function () { $(this).html("!") })在for in 里面使用的話，每遍歷一次就會給每個(gè)span都給賦值。不是我想要的。。那我應(yīng)該怎么做呢？

查看完整描述

1 回答

倚天杖

TA貢獻(xiàn)1828條經(jīng)驗(yàn) 獲得超3個(gè)贊

首先, 既然你的class='list-group-item';

則表示他們就是被遍歷出來的. Ps: 不是遍歷出來的就不叫l(wèi)ist了.

json:{name1: "1",name2: "2",name3: "3",name4: "4"}js:var objName = {name1: 名稱1, name2: 名稱2, name3: 名稱3, name4: 名稱4};
var _html = "";for(var i in json){
    _html += '<li class="list-group-item"><span class="badge">' + json[i] + '</span>' + objName[i] + '：</li>';
}
$("外層元素").append(_html);

如果返回的是數(shù)組形式的數(shù)據(jù):

json:[{name: "name1", value: "1"},
{name: "name2", value: "2"},
{name: "name3", value: "3"},
{name: "name4", value: "4"},]js:var objName = {name1: 名稱1, name2: 名稱2, name3: 名稱3, name4: 名稱4};
var _html = "";for(var i = 0; i < json.length;i++ ){
    _html += '<li class="list-group-item"><span class="badge">' + json[i].value + '</span>' + objName[json[i].name] + '：</li>';
}
$("外層元素").append(_html);

反對回復(fù) 2018-11-04