javascript - Jquery删除前置元素后的元素

Question

添加prepend后无法删除元素编辑元素:

$('.add-btn').on("click",function(){
        tag = $('input.add-tag').val().toLowerCase();
        if (tag != '' && $.inArray(tag, tagsAr) == -1)
        {
            $('.tags-list').prepend('<li>'+tag+'<span class="del-tag"><b>X</b></span></li>');
            tagsAr.push(tag);
            $('.add-tag').val('');

        }
    });

删除元素:

$('.del-tag').on("click", function()
{
  $($(this).parents('li').get(0)).remove();
});

jsfiddle example

Answer 1

写:

$(".tags-list").on("click",".del-tag",function(){
    $($(this).parents('li').get(0)).remove();
});

Updated fiddle here.