在sibilings之后添加新的段落

Question

我正在研究聊天应用程序并使用jQuery作为客户端站点。现在，当我使用这一行创建一个段落时，它会在其兄弟姐妹之前添加新段落。所以如何在它们之后添加它。我使用过br标签，但得到相同的结果。这是代码的小提琴：

fiddle

这是我想要改变的主要jQuery行。

$('#answer').html("<p>" + bla + "</p>");

感谢。

Answer 1

使用html函数实际上会替换#answer元素的整个HTML内容。

为了追加 <p>元素，您需要使用append() function

  

.append(content)
   将参数指定的内容插入匹配元素集中每个元素的末尾。

$('#answer').append("<p>" + bla + "</p>");

这是updated version of your fiddle。 我用你的代码更改了两件事：

1. 您试图使用
   手动附加新邮件 bla = bla + $('#answer').html();。这不是必需的，因为我们将始终只添加bla变量中的新内容。
2. 每次用户按Enter键时，您都会覆盖#answer元素的全部内容。您需要做的就是添加输入字段中的新内容。

Answer 2

使用jQuery append在最后添加HTML内容。在您的情况下，只需获取用户发送的内容（位于#send元素中），撰写<p>代码并将其附加到#answer元素。

总之，请使用

行

$('#answer').append("<p>" + $('#send').val() + "</p>");

它解决了你的问题。