Javascript 是否将JSON数据打印到HTML div?
因此,我的控制台日志正确地显示了所有信息,因此我知道我的代码工作正常,但现在我想将数据输出到HTML中的某个div,以显示播放列表中正在播放的歌曲。如何将sound[I].title中的JSON数据打印到divJavascript 是否将JSON数据打印到HTML div?,javascript,jquery,html,css,Javascript,Jquery,Html,Css,因此,我的控制台日志正确地显示了所有信息,因此我知道我的代码工作正常,但现在我想将数据输出到HTML中的某个div,以显示播放列表中正在播放的歌曲。如何将sound[I].title中的JSON数据打印到div widget.bind(SC.Widget.Events.PAUSE, function(){ $("#{STORIES.story_id}6 :image").removeClass('buyy') .removeClass('buyyy') .
widget.bind(SC.Widget.Events.PAUSE, function(){
$("#{STORIES.story_id}6 :image").removeClass('buyy')
.removeClass('buyyy')
.addClass('buy');
widget.getSounds(function(sound) {
var a = sound.length;
for(var i=0; i<a; i++){
console.log(sound[i].title);
}
});
});
widget.bind(SC.widget.Events.PAUSE,function()){
$(“#{STORIES.story_id}6:image”).removeClass('buyy')
.removeClass('buyy')
.addClass(“购买”);
getSounds(函数(声音){
var a=声音长度;
对于(var i=0;i,在许多现代浏览器中,使用jQuery可以执行以下操作:
$('#myDiv').text(JSON.stringify(myJson));
此外,如果您希望格式化JSON,可以使用:
JSON.stringify(myJson, undefined, 2);
// JSON -------^ ^ ^
// no filter ----------^ ^
// indent two spaces -------------^
缺少关于DOM树中实际要将数据放在何处的任何信息
$('#someElement').append($('<div>', {text: sound[i].title }));
$('#someElement').append($('',{text:sound[i].title}));
类似这样的东西
<script type="text/javascript">
//stuff and more stuff//
for(var i=0; i<a; i++){
document.getElementById('myList').append= sound[i].title+', ';
}
</script>
<p>My playlist: <span id='myList'>Empty</span> </p>
//越来越多的东西//
for(var i=0;iOr使其变得漂亮JSON.stringify(myJson,null,2)
我认为OP实际上并不是指打印JSON本身,只是一个措辞拙劣的问题。@MattBall我认为你是对的,我认为他实际上指的是.title
中的字符串,现在我重读了。@MattBall:啊,是的,我认为你已经更仔细地阅读了这个问题;-)向上投票你的答案…好的,我这样做了,并把它放在我的控制台下。log(声音[I].title);但它将只显示最后一首歌。为什么它不显示对象中的所有25个元素?如何使它显示在水平列表中而不是怪物垂直列表中?使用内联元素而不是块级元素。这将持续覆盖以前设置的值。-1排序,但不是您编写的方式。and OP正在使用jQuery,所以我根本不需要使用香草DOM。