Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/70.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
Javascript 为什么jquery不删除appended div_Javascript_Jquery - Fatal编程技术网

Javascript 为什么jquery不删除appended div

Javascript 为什么jquery不删除appended div,javascript,jquery,Javascript,Jquery,我在表单中有字段,允许用户添加或删除项目。第一个附加的高光将删除ok,但任何添加的高光都不会删除 我尝试了以下方法,但没有成功 下面是一些代码 //js var highlight='Hightlight:'; $('.features')。追加(突出显示); $(“#添加突出显示”)。单击(函数(){ $('.features')。追加(突出显示); }); $('.remove_highlight')。打开(“单击”,函数(){ $(this).closest('.form group')

我在表单中有字段,允许用户添加或删除项目。第一个附加的高光将删除ok,但任何添加的高光都不会删除

我尝试了以下方法,但没有成功

下面是一些代码


//js
var highlight='Hightlight:';
$('.features')。追加(突出显示);
$(“#添加突出显示”)。单击(函数(){
$('.features')。追加(突出显示);
});
$('.remove_highlight')。打开(“单击”,函数(){
$(this).closest('.form group').remove();
});

您需要对动态添加的元素使用事件委派

$('.features').on("click",'.remove_highlight', function(){
    $(this).closest('.form-group').remove();
});

您需要对动态添加的元素使用事件委派

$('.features').on("click",'.remove_highlight', function(){
    $(this).closest('.form-group').remove();
});

您需要对动态添加的元素使用事件委派

$('.features').on("click",'.remove_highlight', function(){
    $(this).closest('.form-group').remove();
});

您需要对动态添加的元素使用事件委派

$('.features').on("click",'.remove_highlight', function(){
    $(this).closest('.form-group').remove();
});

将事件委托给静态父元素

$('.features').on("click", '.remove_highlight', function(){
    $(this).closest('.form-group').remove();
});

将事件委托给静态父元素

$('.features').on("click", '.remove_highlight', function(){
    $(this).closest('.form-group').remove();
});

将事件委托给静态父元素

$('.features').on("click", '.remove_highlight', function(){
    $(this).closest('.form-group').remove();
});

将事件委托给静态父元素

$('.features').on("click", '.remove_highlight', function(){
    $(this).closest('.form-group').remove();
});

因为动态添加的元素不绑定其上的任何函数

使用事件委派

$('.features').on('click', '.remove_highlight', function() {
    $(this).closest('.form-group').remove();
});

因为动态添加的元素不绑定其上的任何函数

使用事件委派

$('.features').on('click', '.remove_highlight', function() {
    $(this).closest('.form-group').remove();
});

因为动态添加的元素不绑定其上的任何函数

使用事件委派

$('.features').on('click', '.remove_highlight', function() {
    $(this).closest('.form-group').remove();
});

因为动态添加的元素不绑定其上的任何函数

使用事件委派

$('.features').on('click', '.remove_highlight', function() {
    $(this).closest('.form-group').remove();
});

请使用代理。参考更新的小提琴


请使用代理。参考更新的小提琴


请使用代理。参考更新的小提琴


请使用代理。参考更新的小提琴


根据jQuery版本的不同,这可能不是最好的方法,请参见此处:“从jQuery 1.7开始,.delegate()已被.on()方法取代。但是,对于早期版本,它仍然是使用事件委派的最有效方法。有关事件绑定和委派的详细信息,请参见.on()方法。”根据jQuery版本的不同,这可能不是最好的方法,请参见此处:“从jQuery 1.7开始,.delegate()已被.on()方法取代。但是,对于早期版本,它仍然是使用事件委派的最有效方法。有关事件绑定和委派的详细信息,请参见.on()方法。”根据jQuery版本的不同,这可能不是最好的方法,请参见此处:“从jQuery 1.7开始,.delegate()已被.on()方法取代。但是,对于早期版本,它仍然是使用事件委派的最有效方法。有关事件绑定和委派的详细信息,请参见.on()方法。”根据jQuery版本的不同,这可能不是最好的方法,请参见此处:“从jQuery 1.7开始,.delegate()已被.on()方法取代。但是,对于早期版本,它仍然是使用事件委派的最有效方法。有关事件绑定和委派的详细信息,请参见.on()方法。”