日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 前端技术 > javascript >内容正文

javascript

JSON数组分配输出每个li

發布時間:2023/12/19 javascript 28 豆豆
生活随笔 收集整理的這篇文章主要介紹了 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的全部內容,希望文章能夠幫你解決所遇到的問題。

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