使用jQuery将文本附加到p

Question

我有一个表单文本，我想在现有的名为＆＃34; one＆＃34;的段落中附加我输入的内容。我按了＆＃34;按钮1＆＃34;我希望删除段落中的现有文本，然后从formtext中添加文本。

我无法弄清楚我做错了什么，请检查this codepen并帮助我！

$(document).ready(function() {
$('#button1').click(function() {
    $('.one').remove();
    var toAdd = $('input[name=checkListItem]').val();
    $('.one').append(toAdd);
});

Answer 1

您先删除它：

psych::Kaiser

这使它不存在！去掉它。以这种方式更改您的代码：

$('.one').remove();

Answer 2

请勿致电.remove，而是致电.empty()：

$(document).ready(function() {
    $('#button1').click(function() {
        $('.one').empty();
        var toAdd = $('input[name=checkListItem]').val();
        $('.one').append(toAdd);
    });
});