toArray（）でオートコンプリートjqueryが動作しません

Question

私はliのリストを.toArray（）を使用して配列に変換しようとしていますが、この配列をオートコンプリートのソースとして使用しようとしています。しかし、それは動作していません。

$(window).load(function() { 

    $(function() { 

    var availableTags = $("#chem-list li").toArray(); 

    $("#s").autocomplete({ 

     source: availableTags 

    }); 

    }); 

}); 

Answer 1

オートコンプリート方式のソースオプションは、（ラベルと値のプロパティを持つか、プレーンなオブジェクト）文字列の配列を期待しながら、あなたが取得配列は、DOM要素の配列です。

だから、あなたの要素からそれらの文字列、例えばこのような取得：

var availableTags = $("#chem-list li").toArray().map(function(elem) { 
    return elem.textContent; 
});