jQuery在HTML文本中替换HTML格式的单词

我有一个可编辑的div：

<div id="artikel" contenteditable="true"></div>

它工作得很好，我只需输入它就可以动态编辑它

我现在想要的是在他们按下键时搜索输入的文本：

<script>
$(document).ready(function(){
    $("#artikel").live("keyup", function(e)
    {
        var text = $(this).html();
        console.log(text);
    });
});
</script>

$（文档）.ready（函数（）{
$（#artikel”）.live（“键控”，功能（e）
{
var text=$（this.html（）；
console.log（文本）；
});
});

这一切都在起作用

问题是，当我有了这篇文章：

在文本中使用相同单词的Sampele文本

---

如何只替换第一个“文本”字而不替换第二个。以及如何使HTML粗体保持完整。

这将用newText替换“text”字符串，仅一次：

var $t = $('#artikel');
var html = $t.html();
var i = html.indexOf('text');
html = html.substring(0, i) + newText + html.substring(i+'text'.length);
$t.html(html);

请注意，

live（）

是。改用

on（）

（或1.7之前的

delegate（）

）。