受信したデータをJavaScriptでExpressコードに渡す

Question

node.jsを使用しています.Express.I受信データをdivタグ内のsocket.ioから渡したいと思います。 socket.ioから受け取ったデータによると、私は以下のようなforとif文でチェックしたいと思います。

 - for(var i in rows)  
     -if (rows[i]['senderID'] == "1" && rows[i]['receiverID'] == "2") 
      div.direct-chat-msg 
       div.direct-chat-name.pull-left 
       div.direct-chat-info.clearfix 
        span.direct-chat-name.pull-left #{rows[i]['senderID']} 
        span.direct-chat-timestamp.pull-right #{rows[i]['sentDate']} 
       img.direct-chat-img(src="/images/users/avatar04.png", alt="alt") 
       div.direct-chat-text #{rows[i]['message']} 
     -else if (rows[i]['senderID'] == "2" && rows[i]['receiverID'] == "1") 
       div.direct-chat-msg.right 
       div.direct-chat-name.pull-right 
        div.direct-chat-info.clearfix 
        span.direct-chat-name.pull-left #{rows[i]['senderID']} 
        span.direct-chat-timestamp.pull-right #{rows[i]['sentDate']} 
        img.direct-chat-img(src="/images/users/avatar.png", alt="alt") 
        div.direct-chat-text #{rows[i]['message']}  
     -else 
       div.direct-chat-msg.right 
       p No message! 
    div.box-footer 
     div.input-group 
     input.form-control(type="text" id="message" placeholder="Write a message...") 
     span.input-group-btn 
      button.btn.btn-danger.btn-flat(type="submit" onclick="sendMessageJS()") Send 

どのように私は、次のHTMLタグの下にこのコードを実行することができます。

div.direct-chat-messages(id="chatArea") 

Answer 1

私は、新しいHTML変数を追加することで問題を解決しました。例：

var content = '<div class = "direct-chat-msg">' + 
         '<div class = "direct-chat-name pull-left">' + 
          '<div class = "direct-chat-info clearfix">' + 
           '<span class = "direct-chat-name pull-left">' + data[i]["senderID"] + '</span>' + 
           '<span class = "direct-chat-timestamp pull-right">' + data[i]["sentDate"] + '</span>' + 
          '</div>' + 
          '<img class = "direct-chat-img" src= "/images/users/avatar04.png" alt = "resim">' + 
          '<div class= "direct-chat-text">'+ data[i]["message"] +'</div>' + 
         '</div>' + 
         '</div>'; 
var chatArea = document.getElementById("chatArea"); 
chatArea.innerHTML += content;