在不使用函数的情况下显示带有 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>