删除整个标签？

Question

多年来，我一直在努力解决这个问题。

我有一个输入文本区域（div 内容可编辑字段），我在其中输入了一些文本。

然后我有一个“标记”按钮。按下此按钮后，内容可编辑中的文本将不可编辑，并且文本字符串中的每个单词都被放入单词标签中。我现在能做的就是这个。单击文本的任何单词。然后它将一个 id 添加到使单词（或单词）变为红色的跨度。

我还有一个“编辑”文本按钮。如果我按下此键，则会删除干净的标签，只留下带有 id 的标签。

所以现在可以再次编辑 tge 内容可编辑字段，显示一些已单击的单词（它们已被读取）。如果用户光标在跨度前面，我想要做的是删除整个单词，或者尝试删除跨度容器之间的“单词”。因为如果我删除“单词”，容器仍然处于活动状态。所以如果我输入一些东西，它会是红色的:(

如果尝试删除其内容，有什么方法可以强制删除整个 span 标签？

Answer 1

根据您最近的通讯：

HTML

<span id=1>dude</span>

JS

$('#id').change(function(){
    if($(this).text()==="")$(this).remove();
    //if you want to extract from the tags
    //$(this).after($(this).text()).remove();
    //or more directly 
    //$(this).contents().unwrap();
});

Answer 2

http://api.jquery.com/remove/ 选择 dom 元素，然后调用 remove 方法。