jquery - jQuery:div 内のテキストを選択してその周りにタグを追加するにはどうすればよいですか?

Question

私はjQueryが初めてで、次のことをしようとしています:

<div class="test">text</div>

div内のテキストを選択して次のように変更するjQueryを作成しようとしています:

<div class="test"><span>test</span></div>

jQueryでこれを試すと：

$(".test").prepend("<span>");
$(".test").append("</span>");

HTML では次のように表示されます。

<div class="test"><span/>test</div>

誰が私が間違っているのか、それを修正するために何ができるのか教えてもらえますか? ありがとう！

Answer 1

wrapInner関数を試してください。

$(".test").wrapInner("<span></span>");