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

Question

我有一个 div：

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

和具有 ActionCable 功能的咖啡脚本

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"));
}