1

最初のレベルまでノードが多すぎる左側のメニュー ツリーを取得したので、Java スクリプトを使用してツリー ノードで検索を実装したいと考えています。検索ボックスにクエリを入力すると、展開されたツリーに入力されたテキスト クエリが含まれている場合にのみ、ルートと最初のレベルのすべてのノードが表示されます。このようなもの ：

ここに画像の説明を入力

ツリー構造 :

<input type="text" id="query" name="query">

    <ul id="sitemap">
          <li><a href="#">Places</a>
            <ul>
                <li><a href="#">Mercury</a></li>
                <li><a href="#">Venus</a></li>
                <li><a href="#">Earth</a></li>
            </ul>                   
        </li>

        <li><a href="#">Google</a>
            <ul>
                <li><a href="#">Search</a></li>
                <li><a href="#">News</a></li>
            </ul>                   
        </li>
            .
            .
            .
    </ul>

onchange イベントごとに、元の新しいサブツリーを作成して表示する必要がありますか、または元のツリーで検索されたテキストを含まないノードを非表示にすることはできますか。何か案は？

4

1 に答える 1