javascript - jquery - 附加 html 不会在 div 内附加空字符串

Question

我正在做一个chat project。java

使用我的Server responsethrough jquery-ajax，我正在创建一个html和appendhtml 到div.

我的jquery - html警报without empty string名称（注意id='user'警报中的）将是，

after appending这在chat area,

在jquery-html警报with empty string-name（注意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 您的字符串，以便保留空格。在此处查看详细信息。

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

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