スパンの内部テキストを取得し、クラスを使用して新しいスパンでラップします

Question

私はいくつかのHTMLを持つページを持っています。追加のスパンタグをクラスでラップする必要があります。

<span class="VIEWBOX" id="_Datacomp_c_importantnote"> 
Lorem ipsum dolor sit amet, consectetur adipiscing elit. vestibulum vel tellus. Morbi suscipit enim ac <BR> 
</span> 

親スパンにあるクラス/ IDは使用できません。新しいスパースを作成する必要があります。

私は

var innnerNoteText = $('#_Datacomp_c_importantnote').text(); 
innerNoteText.wrap('<span class="noteText"></span>'); 

を書かれている。しかし、これは動作していない、任意のヘルプは素晴らしいだろう！

Answer 1

試してみてください。

$('#_Datacomp_c_importantnote').wrapInner('<span class="noteText"></span>'); 

http://api.jquery.com/wrapInner/

Answer 2

文字列を返します$('...').text()、何の方法wrapはありません。

あなたはjQueryオブジェクトにwrap()メソッドを呼び出す必要があります：

$('#_Datacomp_c_importantnote').wrap('<span class="noteText"></span>'); 

http://jsfiddle.net/EkAPu/

Answer 3

$('#_Datacomp_c_importantnote').html('<span class="noteText">' + $(this).text() + '</span>');