如何在jQuery中附加多个标签

Question

我正在开发SocketIO Chat App，它可以工作。但是，如果出现问题或我想添加更多标签，似乎代码很难修复。

聊天数据保存到data.msg变量中，并且来自服务器。但是我认为它太长了，似乎有很多重叠的代码。有什么办法可以减少代码？

我找到了以下解决方案：如果我要附加一个标签，但是当其中有多个标签时我找不到。

[客户代码]

/* Sending Messages Socket */
socket.on('mySaying', function (data) {
    d = Date.now();
    d = new Date(d);
    d = `${d.getFullYear()}-${d.getMonth() + 1}-${d.getDate()} ${d.getHours() > 12 ? d.getHours() - 12 : d.getHours()} : ${d.getMinutes()} ${(d.getHours() >= 12 ? "PM" : "AM")}`;
    if (data.userId != userId) {
        $('.msg_history').append(`<div class="incoming_msg"><div class="incoming_msg_img"><img src="https://ptetutorials.com/images/user-profile.png" alt="sunil"></div><div class="received_msg"><div class="received_withd_msg"><p>${data.msg}</p><span class="time_date"> ${d}</span></div></div></div>`);
    } else {
        $('.msg_history').append(`<div class="outgoing_msg"><div class="sent_msg"><p>${data.msg}</p><span class="time_date"> ${d}</span></div></div>`);
    }
    Scroll();
});