jquery - 用Jquery模仿Google粗体

我有一个脚本，可以在输入字段中输入内容后显示搜索结果。我想通过将文本加粗到类似于输入值的方式来模仿Google。

我尝试了这个：

$(input).live('keyup', function(){
    var makeBold = $('#Results').css("font-weight","bold");

    if ($(input).val() == $('#Results').html()) {
        makeBold();
    }
});

问题在于，现在所有内容都是粗体，而不仅仅是匹配值。如何引用该值并将其与结果关联？

最佳答案

您需要将匹配的结果片段包装在<span style='font-weight:bold;'>标记中。您可以使用javascript replace()函数轻松完成此操作。

关于jquery - 用Jquery模仿Google粗体，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/9793357/