猿问

回到首页 个人中心 反馈问题 注册登录
下载APP
首页 课程 实战 体系课 手记 专栏 慕课教程

js获取key和value值到div下

cus:[{name: "名字", value: "铁江"}, {name: "年龄", value: "20"}]

js获取这个json对象的key到div的label标签下，获取value值到div的a标签下，key和name不是写死的

有会的吗？


RISEBY
浏览 687回答 5
5回答

蝴蝶不菲

以下代码，不知是否符合楼主题意？&nbsp;<body> &nbsp;&nbsp;&nbsp;&nbsp;<div&nbsp;id="cus"></div> </body> <script&nbsp;type="text/javascript"> &nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;data&nbsp;=&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;cus&nbsp;:&nbsp;[&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;name&nbsp;:&nbsp;"名字", &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;value&nbsp;:&nbsp;"铁江" &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;},&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;name&nbsp;:&nbsp;"年龄", &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;value&nbsp;:&nbsp;"20" &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;] &nbsp;&nbsp;&nbsp;&nbsp;}; &nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;cus&nbsp;=&nbsp;data.cus; &nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;html&nbsp;=&nbsp;""; &nbsp;&nbsp;&nbsp;&nbsp;for&nbsp;(var&nbsp;i&nbsp;=&nbsp;0;&nbsp;i&nbsp;<&nbsp;cus.length;&nbsp;i++)&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;c&nbsp;=&nbsp;cus[i]; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;name&nbsp;=&nbsp;c.name; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;value&nbsp;=&nbsp;c.value; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;html&nbsp;+=&nbsp;"<label>"&nbsp;+&nbsp;name&nbsp;+&nbsp;"：</label><a>"&nbsp;+&nbsp;value&nbsp;+&nbsp;"</a><br/>"; &nbsp;&nbsp;&nbsp;&nbsp;} &nbsp;&nbsp;&nbsp;&nbsp;$("#cus").html(html); </script>
0

慕田峪4524236

有方法可以获取到对象的属性，然后再用属性名获取属性值，对象属性名一般是用var xx in obj这样子的形式去获取，然后刚看到另外一种方法var obj = {"name": "zhangsan","age": 30};let keys = Object.keys(obj);console.log(keys);}
0

慕侠2389804

for(var i in obj){ console.log(i); }
0

慕妹3242003

我在接口里取的值 'cus' => json_decode($joindata['cus']), 不确定name 和value这两个的名字的时候这语句就不行了呀
0
打开App，查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript