jquery - クラスのリストに一致する入力を選択する方法は?

Question

このコードは必要に応じて機能します。

$('input[class="plus"], input[class="minus"]').mousedown(function () {       
        //..doing something
    });

---

私が欲しかったのは次のようなものです：

$('input[class="plus minus"]').mousedown(function () {            
        //..doing something
    });

または好き：

$('input[class="plus"][class="minus"]').mousedown(function () {            
        //..doing something
    });

セレクターは、plusclass またはのいずれかを持つ任意の入力を選択する必要がありますminus。

他の構文があるはずですが、私は知りません。

Answer 1

バインディングに行きます

$onInputMouseDown = function() {
    ....
}

$(".plus").bind("mousedown",$onInputMouseDown);
$(".minus").bind("mousedown",$onInputMouseDown);

Answer 2

正しい構文は、指摘したようにセレクターを区切るためにコンマを使用することですが、セレクターは次のように記述する必要があります。

$('input.plus, input.minus').mousedown(function () {       
    //..doing something
});

最後の選択肢として、次のものを使用できます.add。

$('input.plus')
    .add($('input.minus'))
    // possibly add more elements here
    .mouseover(...);

Answer 3

$('input.plus, input.minus').mousedown(function () {       
    //..doing something
});

Answer 4

私はお勧めします：

$('input.plus, input.minus').mousedown(function () {            
    //..doing something
});

...入力の他のクラスがそれらをスキップしないようにします。属性 equals セレクター (あなたの ) を使用すると、 の唯一のクラスが である場合input[class="plus"]にのみ一致します。したがって、一致しますが、一致しません。通常、要素に他のクラスを持つ柔軟性が必要です。input"plus"<input class="plus"><input class="plus foo">

または、次のようにすることもできます。

$('input').filter('.plus, .minus').mousedown(...);

...しかし、効率が悪い可能性があります。最初にjQueryにすべての input要素を検索させ、次に結果をそれらのクラスを持つものだけに個別にフィルタリングします。だから私はそれをお勧めしません。