jquery öğesi, elemanın birden çok sınıf olduğunda

Question

belirli sınıf tarafından bulun. Bu yüzden arka uç takımının yapısında iyi düşünülmemiş bir şey üzerinde çalışıyorum. Bu bana div dolu bir belge bırakıyor.

Yaptığım şey, üzerine tıklamak zorunda olduğum öğeden geri dönüyor, üst kapsayıcıyı al, sonra class="alert-box warn", class="alert-box dead" vb. Içeren üst öğede bir öğe bul ... Temelde, birden çok kullanmaya çalışıyorum her elemanın sınıf seçicileri. Sadece alert-box bulmaya çalıştığımda, doğru çalışmıyor gibi görünüyor. warn, ölü, `` fine, etc 'olduğu için farz ediyorum.

Sadece joker kavramına alert-box* veya eşdeğerini nasıl bulabilirim?

Answer 1

Bu

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

gibi seçicileri birleştirebilir Veya isterseniz bir joker attribute-contains selector

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

Not kullanın: Yukarıdaki seçicileri kullanırken Tercihen Eğer eleman türü veya etiketi bilemez. Etiketi bilmek, seçiciyi daha verimli hale getirebilir.

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

Answer 2

Öğe, herhangi bir sayıda sınıf adına sahip olabilir, ancak yalnızca bir sınıf özniteliği olabilir; sadece birincisi jQuery tarafından okunacaktır.

Gönderdiğiniz kodu kullanarak, $(".alert-box.warn") çalışmayacak ancak $(".alert-box.dead") bunu yapmayacaktır.

Answer 3

sen Çok gibi birden sınıfları ile öğeleri seçebilirsiniz 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

arıyoruz:

$("element.firstClass.anotherClass"); 

Basitçe bir olmadan birincinin üzerine ertesi sınıf zincirlemek boşluk (boşluk "çocuklar" anlamına gelir).