javascript - 删除 append 的文本，点击它

我试图找到最简单，最干净的方法来在附加的跨度，div或文本上附加和删除。这是代码。有什么事吗

/* HTML CODE */
<div id="appendHere" style="padding:10px;border:solid 1px red"></div>

/* Jquery CODE */
$('#appendHere').live('click' , function() {
    $('#appendHere').append('<span style="padding:10px;border:solid 1px green;">Simple text</span>');
});

$('#appendHere span').live('click' , function() {
    $(this).remove();
});

最佳答案

DEMO

您可以尝试使用.toggle()

范例：

$('#appendHere').on('click' , function(e) {
 $('#appendHere span').toggle();
});