jQuery - 删除div元素

Question

我正在做一个项目，我遇到了一些用户接口调整，我需要删除一些HTML div元素。

请检查此代码http://jsfiddle.net/YVZH5/如果单击该文本，您将看到蓝色标记。我需要在用户点击X时删除该标记。但它无效。

它在这里工作http://jsfiddle.net/Jst4v/那么，问题出在哪里？

谢谢！

Answer 1

你需要chage

$("#service-sets").click(function(){
    $("#facebook-tag").remove();
});

到

$("#service-sets").on('click', '#facebook-del', function(){
    $("#facebook-tag").remove();
});

因为，#facebook-del（十字图标）将删除标记，并且在DOM准备好后它们会进入DOM，所以它们需要委托即实时事件。

<强> DEMO

Answer 2

它在你的第一个小提琴中而不是在你的第二个小提琴中的原因是因为你在尝试将点击功能附加到（facebook-del）的元素在赋值时在DOM中不存在。

在第二个示例中，元素存在于页面加载中，因此被赋予了点击功能。

尝试将.on（）视为将点击事件分配给动态添加的元素的方法。