javascript - HTMLドキュメント内の特定の要素のみにjQuery拡張機能を適用する方法

Question

ここにある検索可能なドロップダウンにjQuery拡張機能を使用しています。それはうまく機能しますが、すべてではなく、ページ上の一部の要素にのみ適用したいと思います。変更する選択を選択する方法はありますか？

これが私がスクリプトを使用している方法です。答えはその関数の変更と関係があると思いますが、機能させることができません。

    $(document).ready(function() {
        $("select").searchable();
    });

score 3 · Accepted Answer

より具体的なセレクターが必要です。$("select")すべての<select>タグを取得します。id または class を使用して、より具体的にします。

$('#search').searchable();

詳細については、jQuery セレクターのドキュメントを参照してください。

score 1 · Accepted Answer

クラスを使ってみてはどうですか？

<select class="searchable"><!-- content --></select>

そしてjsより：

$(document).ready(function() {
    $("select.searchable").searchable();
});

必要に応じて動作を反転することもできます (ただし、お勧めしません)。

$(document).ready(function() {
    // only select those without the searchable class
    $("select:not(.searchable)").searchable();
});

score 0 · Accepted Answer

特定の div で select 要素のみを使用するように指定することもできます。$('#div select').searchable();

3 に答える 3