Javascript、jQuery：将div的某个单词更改为<；span>；带函数

我想把这个

<div id='theDiv'>I love potatoes</div>

因此，该函数将在id为

wrapId

（在本例中为

#theDiv

）的元素中搜索

searchedWord

（在本例中为

#theDiv

）并将其替换为id为

“#”+searchedWord+“span”

我怎么做？我有一些方法向我介绍，似乎太复杂了，这就是为什么我在这里问

您可以使用

html（）

和

replace（）

进行此操作

函数turnWordIntoSpan（id，替换）{
$（id）.html（函数（i，v）{
返回v.替换（替换，“$”和“）；
})
}
把单词翻成平底锅（“土豆”）

我喜欢土豆
是否考虑过像您一样搜索，然后将div中的内容移动到新创建的span中，并删除原始div标记？
<div>I love <span id='potatoesSpan'>potatoes</span></div>

turnWordIntoSpan("#theDiv","potatoes");