【问题标题】:how to remove class attribute in selected text range?如何删除选定文本范围中的类属性?
【发布时间】:2012-02-24 18:18:02
【问题描述】:

我需要从选定的文本中删除类属性(选定的文本意味着用户将通过鼠标选择某个范围的文本)。如果所选文本具有 class='ansspans',那么我们需要为该特定所选文本删除该类。 (我在gridview中使用它,会有很多行,所以我需要删除特定选定文本的类)

 <span id="sss_ctl00_ctl06_lblAnswerText" class="Label"> 
      <span>ssss</span><span class="ansspans">assignment</span>submission
 </span>
  1. 如果用户从已经有 class='anspans' 的页面中选择assignment,然后如果他单击按钮(重置突出显示的标记),那么对于该特定选定文本,我们应该删除类属性。点击按钮后。

输出

  <span id="sss_ctl00_ctl06_lblAnswerText" class="Label"> 
       <span>ssss</span><span>assignment</span>submission
 </span>

我为什么要这样做,

  1. 基本上用户会选择一些单词并标记一些单词。 (标记和突出显示已完成,工作正常)(想象他选择了 3 个单词)
  2. 现在用户想要删除突出显示的单词之一,然后他选择单词,然后单击重置按钮。然后对于该选定的文本,类属性将被删除。我面临的问题。

更新:即使我尝试过我的一位朋友这样的解决方案。 JSfiddle - 我的页面仍然无法正常工作。

【问题讨论】:

    标签: javascript jquery selection range


    【解决方案1】:

    Rangy 论坛上解决了此问题的 Rangy 特定版本。代码很长,这里不再赘述。 http://groups.google.com/group/rangy/browse_thread/thread/5738cf7bc32c607a

    演示:http://jsfiddle.net/URms2/

    【讨论】:

    • 我以前做过,使用你的文档:),+1 很棒的库。节省了一百行代码:) :)
    【解决方案2】:

    您可以使用 jQuery 方法添加和删除类。请参考removeClass

    对于addClass

    【讨论】:

    • 我说的是选定的文本,你能举个例子吗?我知道添加和删除类
    • 添加了一些代码--- jsfiddle.net/8Y7Rk/1 ,其中我使用选定的类来选择文本
    • 不工作,我需要先选择文本,然后单击按钮,阅读整个问题
    • 您的示例都不起作用,您需要阅读,我一遍又一遍地告诉,我需要先选择单词,然后删除该类
    猜你喜欢
    • 1970-01-01
    • 2011-03-23
    • 1970-01-01
    • 2013-07-28
    • 2013-05-19
    • 1970-01-01
    • 1970-01-01
    • 2017-12-03
    • 2018-08-13
    相关资源
    最近更新 更多