Сделать li item bold

Question

Я использую автозаполнение JQuery для предложений Google. Я хотел бы сделать элементы li в предложениях автозаполнения жирным шрифтом, если они соответствуют значению ввода. Сначала я попытался сделать это с событием, но понял, что событие будет вызвано после запроса, так что это не сработает. Так что теперь я пытаюсь сделать шрифт полужирный прямо в автозаполнения с:

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.

Внесите изменения в различные элементы списка в обработчике.