使用jQuery设置DIV元素的值

Question

我只是想用jQuery和HTML创建一个聊天应用程序，所以我使用了两个HTML元素：

<div id="chat" style="height: 359px; width: 146px" > 
<p id="answer">
</p>
</div>
<input id="send" type="text" value="ارسال" style="width: 120px"/>

和这个jQuery函数：

$(document).keypress(function(e) {
    if(e.which == 13) {
       //Get

    var bla = $('#send').val();
    bla = bla +  $('#answer').val();


    //Set
    $('#answer').val(bla);

    }
});

我用文本而不是div元素尝试了这个代码，它有点工作但是当我添加一个div元素时，它不再起作用了。 现在我想做两件事： 1.将#send的文本添加到#answer元素 - 不替换它。 2.在每次输入后创建一个空行。

Answer 1

查看此fiddle。

将.val()的{​​{1}}更改为#answer。

要获取.html()或div内的数据，请使用p。

以下是摘录。

.html()

$(document).keypress(function(e) {
  if (e.which == 13) {
    //Get

    var bla = $('#send').val();
    bla = bla + $('#answer').html();


    //Set
    $('#answer').html(bla);

  }
});