JQuery自动完成 - 如何突出显示结果

Question

我想突出显示自动完成功能的结果，但我不知道必须在哪里放置突出显示功能的代码。对不起，我是使用codeigniter和jquery的初学者。

所以这是我的jquery代码：

<script type="text/javascript">
$(document).ready(function(){
    function split( val ) {
        return val.split( /,\s*/ );
    }
    function extractLast( term ) {
        return split( term ).pop();
    }
    $( "#tempo" )
    // don't navigate away from the field on tab when selecting an item
      .bind( "keydown", function( event ) {
        if ( event.keyCode === $.ui.keyCode.TAB &&
                $( this ).data( "autocomplete" ).menu.active ) {
            event.preventDefault();
        }
    })
    .autocomplete({
        source: function( request, response ) {
            $.getJSON( "<?php echo base_url();?>index.php/admin/library/autocomplete_tempo",{
                term: extractLast( request.term )
            },response );
        },
        search: function() {
            // custom minLength
            var term = extractLast( this.value );
            if ( term.length < 1 ) {
                return false;
            }
        },
        focus: function() {
            // prevent value inserted on focus
            return false;
        },
         options: {
            highlightClass: "tempo"
        },
        select: function( event, ui ) {
            var terms = split( this.value );
            // remove the current input
            terms.pop();
            // add the selected item
            terms.push( ui.item.value );
        }
    });         
});
</script>

使用此功能，我只得到这样的结果：

结果不像我在输入字段中输入的那样填充。它只显示我的速度类别数据库中的所有数据。

因此。我想问一下。 renderItem函数我必须放在那个脚本上，所以当我键入＆＃39; A＆＃39;它将显示突出显示的结果＆＃39; a＆＃39;像这样的话：

• L a rghissimo
• 的Gr的一已经
• →一个 RGO
• 的 A d的一 GIO
• 的 A ND的一 NTE
• A llegro Moder a to

当我完成类型＆＃39; Andante＆＃39;时，自动填充的结果只会显示＆＃39; Andante＆＃39;。