Javascript 如何实现这个删除功能

我试图制作一个移除按钮，移除按钮所在的li标签之间的所有内容

$(document).ready(function() {

    $('#Adicionar1').click(function() {
        $('#list1').append("<li>"+ $("#Texto1").val() +"<button>remover</button>" +"</li>");
$("#Texto1").val("");        
    });

    $('button').click(function() {


    });


});

代码：

---

您不能将事件添加到不存在的元素中。您需要在添加按钮时附加事件，或者使用事件委派

$('#list1').on("click", "li button", function() {  //listen for click on button
    $(this)  //the button that was clicked
        .closest("li")  //find the li element
        .remove();      //remove the li
});

---

您不能将事件添加到不存在的元素中。您需要在添加按钮时附加事件，或者使用事件委派

$('#list1').on("click", "li button", function() {  //listen for click on button
    $(this)  //the button that was clicked
        .closest("li")  //find the li element
        .remove();      //remove the li
});

我将使用jQuery的.parent函数，并使用数据属性：

$document.readyfunction{ $'.Adicionar'。单击函数{ console.log$this.datalistid； console.log$this.datatextid； $++$this.datalistid.append++$++$this.datatextid.val++'remover'+； $+$this.datatextid.val； $'.remove'.onclick，函数{ $this.parent.remove； }; }; }; 特马斯是一位绅士 阿迪西奥纳 特马斯·阿普兰迪多斯 阿迪西奥纳 我将使用jQuery的.parent函数，并使用数据属性：

$document.readyfunction{ $'.Adicionar'。单击函数{ console.log$this.datalistid； console.log$this.datatextid； $++$this.datalistid.append++$++$this.datatextid.val++'remover'+； $+$this.datatextid.val； $'.remove'.onclick，函数{ $this.parent.remove； }; }; }; 特马斯是一位绅士 阿迪西奥纳 特马斯·阿普兰迪多斯 阿迪西奥纳

---

与上述答案类似：

HTML

Javascript

$(document).ready(function () {
    var $list1 = $('#list1');
    var $text1 = $("#Texto1");

    $('#Adicionar1').click(function () {
        var $li = $('<li>');
        $li.append($text1.val()).append("<button>remover</button>");
        $list1.append($li);
        $text1.val('');
    });

    $('.delegateAnchor > ul').on('click', 'button', function() {
        $(this).parent().remove();
    });
});

---

与上述答案类似：

HTML

Javascript

$(document).ready(function () {
    var $list1 = $('#list1');
    var $text1 = $("#Texto1");

    $('#Adicionar1').click(function () {
        var $li = $('<li>');
        $li.append($text1.val()).append("<button>remover</button>");
        $list1.append($li);
        $text1.val('');
    });

    $('.delegateAnchor > ul').on('click', 'button', function() {
        $(this).parent().remove();
    });
});