使 li 项目加粗

Question

我正在使用 Jquery 自动完成功能来获取 Google 建议。如果自动完成建议中的 li 项与输入值匹配，我想将它们设为 bold。我首先尝试使用一个事件来执行此操作，但我意识到该事件将在请求之后触发，因此无法正常工作。所以现在我正在尝试在自动完成中将字体加粗：

var val = $('#searchbox').val();

    if (val == $(item.suggestion.data).html()) {
      $(item.suggestion.data).css("font-weight", "bold");
    } 

这似乎不起作用，我不知道为什么。下面是一个自动完成的例子：JsFiddle

Answer 1

您可以使用自动完成的打开事件将输入文本与自动完成下拉列表中返回的值进行匹配。

open: function(event, ui) {
    $('.ui-menu li a').each(function(){
    if($(this).text()==$('#searchbox').val()) $(this).wrap('<strong>');
    });
}

jsFiddle example.

Answer 2

您需要使用change event。

修改处理程序中的各种列表项。