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

Question

我有一个可编辑的div：

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

效果很好，只需输入就可以动态编辑。

我现在想要的是搜索输入的文字，就在他们举起钥匙的时候：

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

这一切都有效。

问题是，当我有这个文本时：

  

Sampele 文字，在文字中使用相同的字词。

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

Answer 1

这只用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);