从退格事件中获取已删除的元素

时间:2014-11-05 16:12:59

标签: javascript jquery range contenteditable

我在一个contenteditable div上使用jquery,我在这个div中有一个元素,它有一个特定的类,我想检查用户是否要从div中删除该元素,然后删除一个匹配的元素类。

就像这样

<span class='deletable-1'></span> wew ewe w ew  <span class='deletable-1'></span>

我想检查用户何时删除deletable-1并删除匹配范围

如何使用jQuery执行此操作?

1 个答案:

答案 0 :(得分:0)

我不确定我是否低估了你的问题,但似乎当删除某些内容时,你想删除同一类的其他元素。那是对的吗?如果是这样,您可能希望将所有这些元素分配给一个类(以绑定事件) - 以及一个单独的类(以匹配其伙伴)。像这样:

<span class='RemoveClass deletable-1'></span> wew ewe w ew  <span class='RemoveClass deletable-1'></span>
<span class='RemoveClass deletable-2'></span> wew ewe w ew  <span class='RemoveClass deletable-2'></span>

$(".RemoveClass").on("remove", function(){
     var classList = $(this).className.split(/\s+/);
     for (var i = 0; i < classList.length; i++) {
          if (classList[i] != 'RemoveClass') //You can come up with better logic for determining if this is the right class, but this is just an example
               $("." + classList[i]).each(function(){$(this).remove();});
     }
});