javascript - 将值传递给 div 并将其添加到前面

Question

我有一个div:

<div id="message">
  <p>Message: </p>
  <p><%= message.value %></p>
  <p>User: </p>
  <p><%= message.user %></p>
</div>

以及具有 ActionCable 功能的 coffescript

App.notification = App.cable.subscriptions.create "MessageChannel",
   received: (data) ->
   $('#messages').prepend ?

我想将数据值(data.message 和 data.user)传递给 div 并将其添加到带有“messages”id 的 div 中。有办法做到吗？

谢谢

Answer 1

<div id="messages"></div>

<div id="message">
  <p>Message: </p>
  <p id="pMessage"></p>
  <p>User: </p>
  <p id="pUser"></p>    
</div>

function addMessage(data){
    $("#pMessage").text(data.message);
    $("#pUser").text(data.user);
    $("#message").appendTo($("#messages"));
}