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

时间:2014-08-04 19:30:05

标签: javascript jquery html

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

这是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,但如果我点击它,我可以删除它。

感谢。

1 个答案:

答案 0 :(得分:3)

使用此:

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

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