用HTML打印javascript对象

Question

I am trying to print a javascript object whose content i don't know in HTML

$(".side div .data").replaceWith('<p class="data">' + $.each(d, function (key, value) {
    return key;
}) + '</p>');

I want to loop through the object and print their key-value pairs

Answer 1

if the Object does not contain looping references you can use

JSON.stringify(object)

Otherwise you can try for in loop

for(var i in obj) {
    console.log(i + " : " + obj[i]);
}

Answer 2

want to loop through the object and print their key-value pairs

Try using $.map() , Array.prototype.join()

 var d = {a:1, b:2, c:3}; $(".side div .data").replaceWith('<p class="data">' + $.map(d, function (value, key) { return key + ":" + value; }).join(" ") + '</p>'); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <div class="side"> <div> <span class="data"></span> </div> </div> 

Answer 3

if you don't want date to be print in any specific formate then silmply use $(".data").append(JSON.stringify(d)); otherwise try the following

 var d = { a: 1, b: 2, c: 3 }; $.each(d, function(i, item) { $(".data").append(i + ' -> ' + item + '<br> '); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div class="side"> <div> <span class="data"></span> </div> </div> 

Answer 4

From your mark up in the code you provided, it looks like you are trying to do...

$(".side div .data").html(JSON.stringify(d))

or even just.... as the stuff you are returning may already be in format html

$(".side div .data").html(d)