Question

我正在尝试删除HTML字段，但删除不适用于动态添加的字段。

 $('.delete-ques').on('click', function() { 
            alert('hello');
            $(this).parent().remove(); 
            return false;
            });

https://jsfiddle.net/gp2gwana/3/

尝试添加div并删除

Answer 1

您需要事件委派才能将事件附加到动态添加的元素：

$('#clone-ques').on('click','.delete-ques', function() { 
        alert('hello');
        $(this).parent().remove(); 
        return false;
});

<强> Working Demo

Answer 2

这样做

$('body').on('click', '.delete-ques', function() {
    // do something
});

你会找到一些好的例子

here和here

Answer 3

在动态添加的元素上使用document.on click事件进行删除：

.on 用于与您的选择器匹配的所有元素的单个处理程序，包括动态创建的元素。

演示：https://jsfiddle.net/7s05cdoy/

$(document).on('click','.delete-ques',function() {
      $(this).closest('.parent-question').remove();  // using closest you can get parent of this link
      return false;
    });

Answer 4

您可以使用$（doument）

$(document).on('click','.delete-ques', function() { 
            alert('hello');
            $(this).parent().remove(); 
            return false;
 });

您的工作代码https://jsfiddle.net/gp2gwana/5/

Answer 5

代码中的一切都很完美。除了以下行

$('#select-question'+i).selectize({create: true});

通过评论以上代码行来尝试现有代码。

我在控制台中看到错误

Uncaught TypeError: $(...).selectize is not a function

修改

在
中返回false之前，你应该在代码行之下
$('.delete-ques').on('click', function() { $(this).parent().remove(); return false; });

尝试更新jsfiddle

remove（）仅处理第一个div而不是静止动态添加的字段

5 个答案: