jquery - jQuery自动完成：设置链接的标题

Question

如果我做 ：

var countryList = [
    "London",
    "Milan",
    "New York"
];

$("#divDest").autocomplete({
    source: countryList
});

插件将呈现如下内容：

<ul class="ui-autocomplete ui-menu ui-widget ui-widget-content ui-corner-all" role="listbox" aria-activedescendant="ui-active-menuitem" style="z-index: 21; top: 243px; left: 768px; display: none; width: 131px;">
    <li class="ui-menu-item" role="menuitem">
        <a class="ui-corner-all" tabindex="-1">London</a>
    </li>

    <li class="ui-menu-item" role="menuitem">
        <a class="ui-corner-all" tabindex="-1">Milan</a>
    </li>

    <li class="ui-menu-item" role="menuitem">
        <a class="ui-corner-all" tabindex="-1">New York</a>
    </li>
</ul>

好吧，假设我不仅要在链接上添加国家名称，还要在title属性中添加一些其他信息（例如，每个国家/地区的 ID）。如 ：

<a class="ui-corner-all" tabindex="-1" title="country_3523">New York</a>

我怎么能用那个插件来做呢？

Answer 1

  _renderItem: function( ul, item) {
        return $( "<li></li>" )
            .data( "item.autocomplete", item )
            .append( $( "<a></a>" ).text( item.label ).attr('title', item.title) )
            .appendTo( ul );
    },