Javascript 如何删除a<;李>;on<;ul>;我是通过jQuery添加的?

Javascript 如何删除a<;李>;on<;ul>;我是通过jQuery添加的?,javascript,jquery,html,Javascript,Jquery,Html,我有两个列表,其中一个是空的。当我单击非空列表中的项目时,我删除了该列表并将其添加到另一个列表中。问题是,我添加到列表中的项目,如果单击它们,我无法删除并将其移动到原始列表中。我添加代码 这是HTML代码 <ul class="list-unstyled" id="seleccion"> </ul> <ul class="list-unstyled" id="categorias"> <li>Subcategoría</li>

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

这是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();
});
$(“#分类为li a”)。单击(函数(){
var texto=$(this.text();
var badge=$('
  • ,{class:“categorias”}).append($('',{class:“glyphicon glyphicon减号”})).append($('',{text:texto})); $('seleccion')。附加(徽章); $(this.hide(); }); $(“#选择li”)。单击(函数(){ var texto=$(this.text(); var tipo=$(this.attr('class'); var badge=$(“
  • ”).append($('',{class:“glyphicon glyphicon plus-sign”})).append($('',{text:texto})); $('#'+tipo).附加(徽章); $(this.hide(); });
  • ut 例如,当我单击“Mujer”时,元素移动到第一个ul,但是如果我单击了这个,我可以删除它

    谢谢。

    用这个:

    $(document).on("click", "#seleccion li a", function(){
    
    代替
    $(“#seleccion li”)。单击(function(){

    使用以下命令:

    $(document).on("click", "#seleccion li a", function(){
    
    代替
    $(“#seleccion li”)。单击(function(){

    使用以下命令:

    $(document).on("click", "#seleccion li a", function(){
    
    代替
    $(“#seleccion li”)。单击(function(){

    使用以下命令:

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

    而不是
    $(“#seleccion li”)。单击(函数(){

    请提供一个例子。这是你要找的吗?请提供一个例子。这是你要找的吗?请提供一个例子。这是你要找的吗?请提供一个例子。这是你要找的吗?谢谢,很简单吗?非常感谢much@monchyrcg这是因为第二个列表项的侦听器在实际添加任何项目之前添加,因此,它不起作用。此答案中描述的技术称为“委派”谢谢,就这么简单?非常感谢much@monchyrcg这是因为第二个列表项的侦听器是在实际添加任何项之前添加的,因此,它不起作用。此答案中描述的技术称为“委派”谢谢,就这么简单?非常感谢much@monchyrcg这是因为第二个列表项的侦听器是在实际添加任何项之前添加的,因此,它不起作用。此答案中描述的技术称为“委派”谢谢,就这么简单?非常感谢much@monchyrcg这是因为第二个列表项的侦听器是在实际添加任何项之前添加的,因此,它不起作用。此答案中描述的技术称为“委派”