una - selectores jquery avanzados

elemento de búsqueda jquery por clase específica cuando el elemento tiene varias clases

Question

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

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

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

Answer 1

Puede seleccionar elementos con múltiples clases como así:

$("element.firstClass.anotherClass");

Simplemente encadene la siguiente clase a la primera, sin un espacio (espacios significa "niños de").

Answer 2

Puedes combinar selectores como este

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

O si quieres un comodín usa el selector de atributos que contiene

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

Nota: Preferiblemente, usted sabría el tipo de elemento o etiqueta cuando use los selectores de 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 3

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

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

Answer 4

usted está buscando http://api.jquery.com/hasClass/

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

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

Answer 5

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