Javascript remove()只处理第一个div,不处理rest动态添加的字段
我正在尝试删除HTML字段,但remove无法处理动态添加的字段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
$('.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