Question

我有一个页面，我在页面加载时附加到div。用户可以通过单击另一个元素来解除此div。

var overlay = jQuery('<div id="start">111111111</div>');
overlay.appendTo(document.body);

$("#go").click(function() {
    $(document).remove("#start");
});

不幸的是它确实附加了div，但没有删除......我缺少什么？

Answer 1

如何先找到元素，然后再调用remove：

$('#start').remove();

此外，这可能会有所改变：

$('<div>',{'id':'start'}).text('111111111').appendTo('body');

$('#go').on('click',function(e){
  $('#start').remove();
});

除非你使用过时的jQuery版本，否则.on()应该用于绑定（参见文档）。

如果您想将其存储为overlay，您也可以使用它（重新引用它）：

var overlay = $('<div>',{'id':'start'}).text('111111111').appendTo('body');
$('#go').on('click',function(e){
  overlay.remove();
});

Example of above

Answer 2

工作演示 http://jsfiddle.net/7y6bY/

API：http://api.jquery.com/remove/

<强>代码

var overlay = jQuery('<div id="start">111111111</div>');
overlay.appendTo(document.body);

$("#go").click(function() {
    $("#start").remove();
});

无法删除点击元素

2 个答案: