Javascript remove()只处理第一个div,不处理rest动态添加的字段

Javascript remove()只处理第一个div,不处理rest动态添加的字段,javascript,jquery,Javascript,Jquery,我正在尝试删除HTML字段,但remove无法处理动态添加的字段 $('.delete-ques').on('click', function() { alert('hello'); $(this).parent().remove(); return false; }); 尝试添加div并删除您需要事件委派才能将事件附加到动态添加的元素: $('#clone-ques').on('click

我正在尝试删除HTML字段,但remove无法处理动态添加的字段

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


尝试添加div并删除

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

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

要将事件附加到动态添加的元素,您需要事件委派:

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

这样做

$('body').on('click', '.delete-ques', function() {
    // do something
});
你会发现一些很好的例子

然后

这样做

$('body').on('click', '.delete-ques', function() {
    // do something
});
你会发现一些很好的例子

您可以使用$(doument)

您的工作代码可以使用$(doument)


您的工作代码使用文档。单击事件以删除动态添加的元素:

$('#clone-ques').on('click','.delete-ques', function() { 
        alert('hello');
        $(this).parent().remove(); 
        return false;
});
.on用于单个处理程序,处理与选择器匹配的所有元素,包括动态创建的元素

演示:


使用document.on click事件删除动态添加的元素:

$('#clone-ques').on('click','.delete-ques', function() { 
        alert('hello');
        $(this).parent().remove(); 
        return false;
});
.on用于单个处理程序,处理与选择器匹配的所有元素,包括动态创建的元素

演示:


代码中的一切都是完美的。线下除外

$('#select-question'+i).selectize({create: true});
通过在代码行上方添加注释来尝试现有代码

我在控制台中看到一个错误

未捕获类型错误:$(…)。selectize不是一个函数

编辑

在返回false之前,您应该在代码行的下面

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

尝试更新

代码中的所有内容都是完美的。线下除外

$('#select-question'+i).selectize({create: true});
通过在代码行上方添加注释来尝试现有代码

我在控制台中看到一个错误

未捕获类型错误:$(…)。selectize不是一个函数

编辑

在返回false之前,您应该在代码行的下面

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

尝试更新

可能的重复:请参见此。使用事件委派技术将事件附加到动态创建的DOM元素。
$('#克隆ques')。在('click','delete ques',function(){
可能重复:请参见此。使用事件委派技术将事件附加到动态创建的DOM元素。
$('#clone ques')。在('click','delete ques',function()){
文档
应该是
文档
@milindantwar与
文档
配合良好请检查jsfiddle
文档
应该是
文档
@milindantwar与
文档
配合良好请检查jsfiddle