Javascript写在另一个元素下面（在新行上）

Question

我需要在JavaScript中创建一个函数，它会将一些文本（使用XMLHttpRequest检索）写入前一个元素下面的新元素。 举个例子，想象一下聊天室。当有人写新内容时，会创建一个新行。

如果可能，这将如何在jQuery中？ 我想看看在jQuery中是否会更容易。

如果您需要更多信息，请告诉我们！ 提前谢谢。

Answer 1

在jquery中，您必须执行以下操作：

$('input').keyup(function(e){
      if (e.which == 13){
          //user has pressed enter, do a request
          var msg = $(this).val();
          //call a function and send what the user has entered 
          $.getJSON('chat.php', { msg:msg}, function(data){
                  if (data.success === true){ 
                  //if the call returned a success, add what has benn typed to the next element and clean the input
                  var newDiv = $('<div>');
                  newDiv .html(msg);
                  $(this).next().append(newDiv);
                  $(this).val('')
                  }
            });
     }

});

这只是一个基本想法，你必须要做这个

Answer 2

也许是一个好的开始？

$("#id").text($("#id").text() + "<br />" + newText);