使用innerHTML显示对象而不使用函数？

Question

我试图在没有函数的情况下显示对象的内容。在使用var i作为增量器的for循环内部，我有一个按钮，当单击时，我想显示每个帖子的所有注释对象。

document.write("<button onclick=\"this.innerHTML='"+data.posts[i].comments+"'\">Display Comments</button>");

我需要在这个document.write中完成，因为我尝试使用一个函数，但循环将覆盖i值并使按钮仅在最后一个按钮上显示一个值。

谢谢！

Answer 1

<div id="container-element">
</div>

<script>    
    var dynamichtml = "";
    for (var i in data.posts)
     dynamichtml += "<button class='dyn-msg' data-msg='"+data.posts[i].comments+"'>Display Comments</button>";

    $("#container-element").html(dynamichtml)
    $("#container-element").on("click",".dyn-msg",function(){
          $(this).html($(this).data("msg"));
    })
</script>