jquery - JQuery 上与其他几个相同类的空特定 div

Question

我有这个问题，每次单击链接时我都会生成一个窗口(带有“window”类的 div)，这是代码:

$(".getWindow").live('click',function(){
    $('#desktop').append('<div class="window"><span class=\"close\">x</span>Well '+$(this).attr('well')+'<div id="screen"><img src="assembled_colors.jpeg" class="drag-image"  id="draggable"/></div></div>');
    $('.drag-image').draggable();
    $('.window').draggable();
});

然后，每次按下代码第二行中的“x”时，我都会尝试通过执行以下操作来关闭窗口:

$('.close').live('click', function(){
    $(this).parent().empty();
});

这只关闭窗口内部的内容，而不关闭窗口本身，我的下一个方法是这样做:

$('.close').live('click', function(){
    $(this).parent().parent().empty();
});

这将关闭所有打开的窗口。您能帮我了解如何仅关闭包含按下的 x 按钮的窗口吗？

提前致谢!

Answer 1

尝试:

$('.close').live('click', function(){
    $(this).parent().remove();
});

使用remove()的原因而不是empty()是empty()会影响父元素中包含的内容，而remove()将从DOM中删除父元素。这就是为什么您只删除窗口内的内容而不是实际窗口本身。