jquery - append html不会在div中追加空字符串

Question

我正在chat project中进行java。

使用我的Server response到jquery-ajax，我正在创建一个html和append html到div。

我的jquery - html提醒without empty string - 姓名（请注意提醒中的id='user'），

after appending这在chat area，

中

jquery-html提醒后with empty string - 姓名（请注意提醒中的id='user'），

after appending这在chat area，

中

我创建HTML的jquery将是，

function send(name , message , time){
    //name = $("#name").val();
    //message = $("#message").val();

    var user = "<div id='user' class='fontStyle'>"+name+"</div>";
    var msg = "<div id='msg'  class='fontStyle'>"+message+"</div>";
    var timeStamp = "<div id='time'  class='fontStyle'>"+time+"</div>";

    var row = "<div id='msgSet' >"+ user + msg + timeStamp +"</div>";

    alert(row);
    return row;

}

chat area中不会出现空字符串。

希望我们的堆叠成员能帮助我。

Answer 1

您可以将html转义为字符串，以便保留空格。详情请见here。

或者您可以使用这样的指令修剪您的消息字符串（=在其开头和结尾删除空格），然后手动添加空格（ 代码在div，span，...中。 。）：

s.replace(/\s+/g, ' ');