无法删除点击元素

时间:2012-09-20 01:09:05

标签: jquery

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

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

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

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

2 个答案:

答案 0 :(得分:2)

如何先找到元素,然后再调用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

答案 1 :(得分: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();
});​