4

これは私のulliです：

<ul id="red" class="treeview-red">
        <li><span>Item 1</span>
            <ul>
                <li><span>Item 1.0</span>
                    <ul>
                        <li><span>Item 1.0.0</span></li>
                    </ul></li>
                <li><span>Item 1.1</span></li>
                <li><span>Item 1.2</span>
                    <ul>
                        <li><span>Item 1.2.0</span>
                            <ul>
                                <li><span>Item 1.2.0.0</span></li>
                                <li><span>Item 1.2.0.1</span></li>
                                <li><span>Item 1.2.0.2</span></li>
                            </ul></li>
...............
.................. 
</ul>

ここにある項目からオートコンプリート テキスト フィールドを作成したいと考えています。

誰でも助けることができますか？

4

1 に答える 1

5

やりたいことは、(マークアップに基づいて) 各スパンを反復処理し、それぞれのテキストを取得して、 と のペアを配列にプッシュすることkey:valueです。labelvalue

var sources = [];
$('span').each(function(i,ele){
    sources.push({'label': $(ele).text(), 'value' : $(ele).text()});
});

ビルドが完了したら ($.each() の後)、新しい配列を入力のソースとして使用します。

$('input').autocomplete({
    source: sources
});

ここで簡単で汚い作業例を見ることができます

于 2013-01-07T18:20:29.250 に答える