Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/xpath/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 附加后删除元素_Jquery - Fatal编程技术网

Jquery 附加后删除元素

Jquery 附加后删除元素,jquery,Jquery,有人知道为什么我不能删除列表中的字母B吗 复制步骤: 点击“添加到列表”按钮 字母B被添加到列表中 单击列表中的字母B以删除 字母B未从列表中删除 点击字母C或A 字母C或A从列表中删除 HTML: 添加到列表 A A A Jquery: $(文档).ready(函数(){ $(“ol”).append(“C您可以将事件用于动态项 像这样试试 $(document).on("click","li",function(){ $(this).remove(); }); 您可以将事件用

有人知道为什么我不能删除列表中的字母B吗

复制步骤:

  • 点击“添加到列表”按钮
  • 字母B被添加到列表中
  • 单击列表中的字母B以删除
  • 字母B未从列表中删除
  • 点击字母C或A
  • 字母C或A从列表中删除
  • HTML:

    添加到列表
    
  • A
  • A
  • A
  • Jquery:

    $(文档).ready(函数(){
    $(“ol”).append(“
  • C您可以将事件用于动态项

    像这样试试

    $(document).on("click","li",function(){
        $(this).remove();
    });
    

    您可以将事件用于动态项目

    像这样试试

    $(document).on("click","li",function(){
        $(this).remove();
    });
    

    发生这种情况是因为在附加新元素时事件处理程序丢失。您可以参考以下答案中的解决方案,了解如何正确执行。


    发生这种情况是因为在附加新元素时事件处理程序丢失。您可以参考以下答案中的解决方案,以了解如何正确执行。


    我签入了chrome,它正在进行双击。我再试了一次,它只对字母A和C有效,对B仍然有效,甚至更改了单击为dblclick。我签入了chrome,它正在进行双击。我再试了一次,它只对字母A和C有效,对B仍然有效,甚至更改了单击为dblclick。
    $(document).on("click","li",function(){
        $(this).remove();
    });
    
    Here is your JSFiddle
     https://jsfiddle.net/qsh4pb5r/1/