jquery - 使用 jQuery 将文本附加到 p

Question

我有一个表单文本，我想在一个名为“one”的现有段落中附加我键入的内容。当我按下“按钮 1”时，我希望删除该段落中的现有文本，然后添加表单文本中的文本。

我不知道我做错了什么，请检查this codepen 并帮助我!

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

Answer 1

不要调用.remove，而是调用.empty():

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