0

こんにちは、私はこれに大まかに基づいてさまざまなものを検索して見つけましたが、いくつかはより密接に関連していますが、私が抱えている問題に対して実行可能な解決策を考案して作成することはできませんでした:

概要：

私の要件により、特定の方法でビューを作成しようとしています。これは現在、自己実装された Treeview スタイルの使用を検討しています - 現時点では、他のプラグインや事前に作成されたビューを使用したくありません。添付の JS フィドル デモでわかるように、これを自分で達成します。

当面の問題:

これはばかばかしいほど簡単または簡単かもしれません。もしそうなら、私の無能さを許してください。しかし、問題はタグにあります。

<ul><checkbox class="collapsible" /><label>Value 1</label>...<ul>

今では、この値を取得するのに問題はありません - それらのリストにはかなりの数があります (オプションごとに 1 つ)。しかし、最終的に問題の根底にあるのは、これらを私の検索入力に一致させることです。私は非常に明白で一般的な for each ループを使用しましたが、実際には「入力」（検索入力の変数）とラベルのテキストを一緒に一致させるのに問題があります。したがって、正しい値を警告せず、15 個の値すべてを警告する場合があります。 4つだけが一致する場合...

選択ボックスと一緒に非常にうまく機能するツリービューコードを自由に使用してください。

サイドノート

私の実際の見解では、これらのチェック ボックスは、オブジェクト クラスを使用して値を入力するラベル名に関連付けられます。また、一致するラベルに実際に警告するのではなく、それらを強調表示したいので、誰かがそれを手伝ったり、何か良いことを提案したりできれば、重大な問題ではありません。（申し訳ありませんが、これは役に立たないか役に立たないことはわかっていますが、これらのラベルに警告する理由について説明したいと思います。）

MY JS FIDDLE DEMO - TREEVIEW - EDIT：これは私が必要としていた答えでした（他の誰かがこれを使用したい場合に備えてここに残します）、Radu Andreiから完全に提供された答え

編集:ラベルのテキストが検索テキストと一致するという事実を除いて、基準に基づいて警告するつもりはありません。

4

2 に答える 2

1

質問への回答はフィドルにあります - > https://jsfiddle.net/mLbhLh89/11/ .

于 2015-07-03T15:17:42.570 に答える
0

フィドルに示されているように試してください

フィドル

次のように検索機能を更新しました

$("#search").on("click", function() {
    $("label").each(function(i,v){

        if($(this).text().indexOf($("#search-criteria").val())>0){
        alert($(this).text());
        }
    });

});

各ラベル テキストで検索文字列が検索され、見つかった場合はアラートが表示されます。

于 2015-07-03T14:49:47.920 に答える