jQuery encontrar elemento por clase específica cuando el elemento tiene múltiples clases

Question

Así que estoy trabajando en algo que no estaba bien pensado en la construcción del equipo de back-end. Eso me deja con un documento lleno de divs.

Lo que estoy haciendo es retroceder desde el elemento que necesito hacer clic en, obtener el contenedor principal y luego encontrar un elemento dentro del principal que tiene class="alert-box warn", class="alert-box dead", etc. ... Esencialmente, estoy tratando de usar múltiples selectores de clase en cada elemento. Cuando trato de encontrar solo alert-box, parece que no funciona bien. Estoy asumiendo porque tiene warn, muerto, `` bien, etc.

¿Cómo puedo encontrar solo alert-box* o equivalente a un concepto de comodín?

Answer 1

Puede combinar selectores como esto

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

O si quieres un comodín utilizar el attribute-contains selector

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

Nota: De preferencia que se sabe el tipo de elemento o etiqueta cuando se utilizan los selectores arriba. Conocer la etiqueta puede hacer que el selector sea más eficiente.

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

Answer 2

Un elemento puede tener cualquier número de nombres de clases, sin embargo, sólo puede tener un atributo de clase; solo el primero será leído por jQuery.

Usando el código publicado, $(".alert-box.warn") funcionará, pero $(".alert-box.dead") no lo hará.

Answer 3

que busca 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

Puede seleccionar elementos con múltiples clases de este modo:

$("element.firstClass.anotherClass"); 

Simplemente encadenar a la clase siguiente a la primera, sin una espacio (espacios significa "hijos de").