jquery - 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>

这一切都在工作。

问题是，当我有这段文字时：

与文本中的相同单词的示例文本。

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

Answer 1

这仅用 newText 替换“文本”字符串一次：

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);