日韩av黄I国产麻豆传媒I国产91av视频在线观看I日韩一区二区三区在线看I美女国产在线I麻豆视频国产在线观看I成人黄色短片

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 >

JSON数组分配输出每个li

發布時間:2023/12/19 31 豆豆
生活随笔 收集整理的這篇文章主要介紹了 JSON数组分配输出每个li 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

有這么一個JSON數組,需求是只需要輸出每個數組里面的某個值,不需要全部輸出來。

var data = [ {"MachineID":"171914","Cost":"13,642.41","Currency":"PHP" }, {"MachineID":"172233","Cost":"1,367.73","Currency":"PHP" }, {"MachineID":"41116","Cost":"2,608.20","Currency":"PHP" }, {"MachineID":"178077","Cost":"1,517.04","Currency":"PHP"}, {"MachineID":"176430","Cost":"20,876.72","Currency":"PHP" } ]

假設我們輸出全部的值,則按照前面一篇文章說過的jQuery使用each的方法,只需要遍歷兩次就可以輸出,代碼如下:

var _html = ''; $.each(data,function(index,obj){ _html +='<h2>'+(index+1) +'</h2><ol>'; $.each(obj,function(key,value){ _html += '<li>'+key+" : "+value+'</li>'; }) _html +='</ol>'; }) $("#content").append(_html);

基于本文只需要每個數組的第一個值,可以使用前文說過的幾種輸出option的方法的最快第四種

var output = []; $.each(data, function(key,value){ output.push('<li>' + value.MachineID + '</li>'); }); $("ul").html(output.join(''));

或者是前文說過的第五種

var ul = $('ul'); $.each(data,function(i,obj) { $('<li>',{text:obj.MachineID}).appendTo(ul); });

?

總結

以上是生活随笔為你收集整理的JSON数组分配输出每个li的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。