2012-02-24 20 views
0

私は選択したテキストからクラス属性を削除する必要があります(選択されたテキストは、ユーザーがマウスでいくつかの範囲のテキストを選択することを意味します)。選択されたテキストがclass = 'ansspans'の場合、その特定の選択されたテキストに対してそのクラスを削除する必要があります。ユーザーはすでにクラスを持っているページ、=」からassignmentを選択した場合選択したテキスト範囲でクラス属性を削除するにはどうすればよいですか?

<span id="sss_ctl00_ctl06_lblAnswerText" class="Label"> 
     <span>ssss</span><span class="ansspans">assignment</span>submission 
</span> 
  1. を(私は非常に多くの行があるでしょう、GridViewの中でこれを使用していますので、私は、その特定の選択したテキストのためのクラスを削除する必要があります) anspans 'をクリックしてボタンをクリックすると(ハイライトされたマーキングをリセットする)、その特定の選択されたテキストに対して、クラス属性を削除する必要があります。ボタンをクリックした後。

出力

<span id="sss_ctl00_ctl06_lblAnswerText" class="Label"> 
     <span>ssss</span><span>assignment</span>submission 
</span> 
私はこれをやっている理由はここに

  1. は、基本的には、ユーザは、いくつかの単語を選択し、いくつかの単語をマークします。
  2. 強調表示された単語の1つを削除したい場合は、単語を選択し、リセットボタンをクリックします。その選択したテキストに対して、クラス属性は削除されます。私は問題に直面している。

更新:私はこのような私の友人の解決策を試しました。 JSfiddle - まだ私のページでは機能していません。

答えて

1

これのRangy固有のバージョンは、Rangyフォーラムで解決されています。コードはかなり長いのでここでは再現されません。 http://groups.google.com/group/rangy/browse_thread/thread/5738cf7bc32c607a

デモ:http://jsfiddle.net/URms2/

+0

を削除してください。あなたのドキュメントを使用しています。:)、素晴らしいライブラリを+1してください。 100行のコードを保存しました:) –

0

jQueryメソッドを使用して、removeクラスを追加できます。 removeClass

およびaddClassを参照してください。

+0

私が選択したテキストのために言っていますが、あなたは一例を思い付くことができます。私はクラスの追加と削除を知っている –

+1

いくつかのコードを追加--- http://jsfiddle.net/8Y7Rk/1/、私は選択したテキストのために選択されたクラスを使用 – mini

+0

、私はテキストを最初に選択する必要がありますボタンを押して、全体の質問を –

関連する問題