jquery - 使用 Jquery 模仿 Google 粗体字体

Question

我有一个脚本，可以在输入字段中输入内容后显示搜索结果。我想模仿 Google，将文本设为粗体，类似于输入的值。

我尝试过这个:

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

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

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

Answer 1

您需要将结果的匹配部分包装在 <span style='font-weight:bold;'> 中标签。您可以使用javascript replace()函数可以很容易地做到这一点。