javascript - 如何删除通过 jQuery 添加的 上的 ？

Question

我有两个列表，其中一个是空的。当我单击非空列表中的项目时，我将其删除并添加到其他列表中。问题是，我添加到列表中的项目，如果我单击它们，我无法删除并将其移动到原始列表。我添加代码。

这是 HTML 代码

<ul class="list-unstyled" id="seleccion">

</ul>

<ul class="list-unstyled" id="categorias">
    <li>Subcategoría</li>
    <li id="494">
        <i class="glyphicon glyphicon-plus-sign"></i> 
        <a> Mujer</a>
    </li>                                   
    <li id="553">
        <i class="glyphicon glyphicon-plus-sign"></i> 
        <a>Hombre</a>
    </li>                                   
</ul>

这是 jQuery 代码:

$("#categorias li a").click(function(){
    var texto = $(this).text();
    var badge = $('<li>',{class:"categorias"}).append($('<i>',{class:"glyphicon glyphicon-minus-sign"})).append($('<a>',{text:texto}));
    $('#seleccion').append(badge);
    $(this).hide();
});

$("#seleccion li").click(function(){
    var texto = $(this).text();
    var tipo = $(this).attr('class');
    var badge = $("<li>").append($('<i>',{class:"glyphicon glyphicon-plus-  sign"})).append($('<a>',{text:texto}));
    $('#'+tipo).append(badge);
    $(this).hide();
});

UT例如，当我单击“Mujer”时，元素会移动到第一个 ul，但如果我单击此按钮，我可以将其删除。

谢谢。

Answer 1

使用这个:

$(document).on("click", "#seleccion li a", function(){

而不是$("#seleccion li").click(function(){