Question

我正在使用.text()添加到div。我不知道我会添加多少。但是，如果我使用.text()更多，那么只需添加最后一个。我使用过.text(msg1,msg2,msg3)这对我有用，但如果文字更有序，我希望如此。喜欢在每个msg后开始新的一行。我试图添加空格，但这不起作用，不是我想要的方式。我刚刚有一个div，我尝试添加<p>，我试过ID $("p:first")尝试了。我有一个小提琴。

http://jsfiddle.net/G24aQ/12/

if(k1<10){
  msg1= "This will not space like a want." + "  "
  msg2= "I don know why not.      "
  msg3= "How come.       "
  $('#output1').text(msg1);
  $('#p').text(msg2);
  $('#output1').text(msg3+"      "+msg2+"       "+ msg1);
}

Answer 1

您可以使用<br/>在新行中添加消息。
您可以使用html代替text并立即添加所有内容。要逐个添加，请同时使用html和append。

演示：http://jsfiddle.net/G24aQ/14/

if (k1 < 10) {
        msg1 = "This will not space like a want.<br/>";
        msg2 = "I don know why not.<br/>";
        msg3 = "How come.<br/>";
        $('#output1').html(msg3 + msg2 + msg1); //this will add all the three variables together into #output1 - replacing older content
        /*
        //To add one by one 
        $("#output1").html(msg3); // this will erase the older content so that you have a clean #output1 div
        $("#output1").append(msg2); //this will add to the existing content, will not over write it
        $("#output1").append(msg1); //this will add to the existing content, will not over write it
        */
}

始终牢记html()＆amp; text()将清除选择器中的所有内容并将新内容添加到其中。 append添加了现有内容。而且，如果使用text()，您的HTML代码将被忽略。

html＆amp;的文档append了解更多信息。

Answer 2

如果您想追加，则需要使用$(id).append (code);，而不是更改。

Answer 3

据我记忆，html只会将多余的空格渲染为一个。你必须使用

 &nbsp;

或将每个文本放在带有右边距的span标记内

<span style="margin-right:10px"></span>

Answer 4

您应该使用append，例如：

if (k1 < 10) {
        msg1 = "This will not space like a want.<br/>";
        msg2 = "I don know why not.<br/>";
        msg3 = "How come.<br/>";
        $('#output1').append('<p>'+msg1+'</p>'+'<p>'+msg2+'</p>'+'<p>'+msg3+'</p>');
}

并使用像<p>这样的html标记，使它们显示在新行中。

你也可以这样做：

if (k1 < 10) {
   msg1 = "This will not space like a want.<br/>";
   msg2 = "I don know why not.<br/>";
   msg3 = "How come.<br/>";
   var e = $('<p>'+msg1+'</p>'+'<p>'+msg2+'</p>'+'<p>'+msg3+'</p>');
   $('#output1').append(e);
}

添加到div的正确方法？

4 个答案: