Question

我一直在努力想出这个问题。

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

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

我还有一个“编辑”文本按钮。如果我按下这个清除标签，只留下带有ID的标签。

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

如果尝试删除其内容，是否可以强制删除整个span标记？

Answer 1

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

Answer 2

基于您上次的通讯：

<强> 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();
});

删除整个标签？

2 个答案: