jQuery从列表中删除元素

时间:2020-05-11 19:21:44

标签: javascript jquery list object html-lists

大家好,我正在使用Jquery进行我的第一个项目,经过xD几行我已经被卡住了 基本上我正在使用对象中的函数创建一个列表,并且每个“ li”标签都有一个“ remove”按钮,当我单击该按钮时,应该删除“ li”,但是我猜这是在我创建了列表,所以它返回一个空对象,这就是为什么它不起作用

事实上,我尝试在创建了几个元素并将其删除后将其粘贴到控制台中,但是当我在这些元素上添加新元素时,它不起作用...我该如何解决?

var Crew = function(i_id,b_id,u_id){
      this.b_id = b_id,
      this.i_id = i_id,
      this.u_id = u_id,

        this.add_member = function(){
            val = $(i_id).val(),
            ul =$(u_id),
            li = $('<li></li').text(val),
            btn =$("<button></button>").text("Remove").addClass("rm"),
            $(li).append(btn);
            $(ul).append(li);
        }

    }
    var c1= new Crew('#BP','#add_h','#hu');
    var c2= new Crew('#B','#add_be','#be');
    var c3= new Crew('#MP','#add_kn','#kn');
    var c4= new Crew('#HP','#add_rr','#rr');
    $('#add_h').click(c1.add_member);
    $('#add_be').click(c2.add_member);
    $('#add_kn').click(c3.add_member);
    $('#add_rr').click(c4.add_member);

    $('.rm').click(function () {
        $(this).remove();

    })

0 个答案:

没有答案