印刷JavaScript對象在HTML

Question

我想打印一個javascript對象，其內容我不知道HTML

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

我通過對象要循環和打印他們的key-value對

Answer 1

如果對象不包含循環引用，你可以使用

JSON.stringify(object) 

否則，你可以在循環

嘗試

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

Answer 2

通過對象要循環和打印他們的鍵值對

嘗試使用$.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

，如果你不想要日期打印在任何特定的甲酸鹽，然後silmply使用$(".data").append(JSON.stringify(d));否則請嘗試以下

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

從您的標記在你提供的代碼，它看起來像你試圖做...

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

甚至只是....作爲你正在返回的東西可能已經在格式HTML

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