使li项目加粗

Question

我正在使用Jquery自动填充功能来获取Google建议。我想在自动填充建议粗体中制作li项目，如果它们与输入值匹配。我首先尝试用一个事件做这个，但我意识到事件将在请求后被触发，这样就行不通了。所以现在我正试图在自动完成中使字体变为粗体：

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

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

这似乎不起作用，我无法弄清楚原因。以下是自动填充的示例：JsFiddle

Answer 1

您需要使用change event。

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

Answer 2

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

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

<强> jsFiddle example