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 例如，当我点击＆＃39; Mujer＆＃39;元素移动到第一个ul，但如果我点击它，我可以删除它。

感谢。

Answer 1

使用此：

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

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

如何删除我通过jQuery添加的<ul>上的<li>？</ul> </li>

1 个答案: