Javascript 单击添加html元素

我有一个非常简单的函数将输入“文本”的值呈现到html中

<form>
    <input type="text" class='test'><input type='submit' value='send'>
</form>
<div class='test2'> </div>

<script>   
    $("form").submit(function() {
        var value = $('.test').val();
        $('.test2').html(value);
    });
</script>

$（“表格”）。提交（函数（）{
var值=$（'.test'）.val（）；
$（'.test2'）.html（值）；
});

问题是，每次我们按“发送”，新值就会替换旧值。我想在不删除旧邮件的情况下显示新邮件。 i、 e我想在每次单击“发送”按钮时添加一个“DIV”或“P”

谢谢你的帮助。

像这样试试看

$("form").submit(function() {
    var value = $('.test').val();
    $('.test2').append('<p>' + value + '</p>');
});

$（“表单”）.submit（函数（）{
var值=$（'.test'）.val（）；
$（'.test2'）.append（''+value+'
'）；
});

$（“表格”）.submit（函数（e）{
e、 预防默认值（）；
$（''，{text:$（'.test'）.val（）}）.appendTo（'.test2'）；
$（'form'）.get（0.reset（）；
});

另外，使用id而不是类来唯一标识元素。相关jQuery文档：您的代码非常好，在

标记之间有一个

。或者，您可以使用

$（'，{text:$（'.test'）.val（）}）。appendTo（'.test2'）
$("form").submit(function(e) { 
  e.preventDefault();
  $('<div>',{ text: $('.test').val() }).appendTo('.test2');
  $('form').get(0).reset();
});