要素が複数のクラスを持つ場合、jqueryは特定のクラスで要素を検索します

Question

したがって、私はバックエンドチームからのビルドではよく考えられていなかったことに取り組んでいます。それは私にdivsでいっぱいの文書を残す。

私がしていることは、クリックする必要がある要素からロールバックして、親コンテナを取得して、class="alert-box warn"、class="alert-box dead"などを持つ親の中の要素を見つけることです。基本的に、私は複数各要素のクラスセレクタalert-boxを見つけようとすると、正しく動作していないようです。 warn,が死んでいる、「罰金」などがあると仮定しています。

alert-box*またはワイルドカードの概念に相当するものは、どのようにして見つけることができますか？

Answer 1

あなたはこの

$(".alert-box.warn, .alert-box.dead"); 

のようにセレクタを組み合わせることができますまたはあなたがしたい場合は、ワイルドカードはattribute-contains selector

$("[class*='alert-box']"); 

注意を使用します。上記のセレクタを使用する際に好ましく使用すると、要素の種類やタグを知っているだろう。タグを知ることで、セレクタをより効率的にすることができます。

$("div.alert-box.warn, div.alert-box.dead"); 
$("div[class*='alert-box']"); 

Answer 2

要素には任意の数のclassNamesを設定できますが、1つのclass属性しか持てません。最初のものだけがjQueryによって読み込まれます。

投稿したコードを使用すると、$(".alert-box.warn")は動作しますが、$(".alert-box.dead")は動作しません。

Answer 3

あなたがそうのように複数のクラスを持つ要素を選択することができますhttp://api.jquery.com/hasClass/

<div id="mydiv" class="foo bar"></div> 

$('#mydiv').hasClass('foo') //returns ture 

Answer 4

var divs = $("div[class*='alert-box']"); 

Answer 5

を探しています：

$("element.firstClass.anotherClass"); 

は単にことなく、第1の1の上に次の授業、 をチェーンスペース（スペースは "children of"を意味する）。