我有一个页面,我在页面加载时附加到div。用户可以通过单击另一个元素来解除此div。
var overlay = jQuery('<div id="start">111111111</div>');
overlay.appendTo(document.body);
$("#go").click(function() {
$(document).remove("#start");
});
不幸的是它确实附加了div,但没有删除......我缺少什么?
答案 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();
});
答案 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();
});