Selectores jQuery: Elemento seleccionado con clase específica y atributo 'título'

Question

Esto debería ser fácil, pero no puedo encontrar un buen ejemplo en ninguna parte. Intento seleccionar un elemento particular en mi página que tenga una clase de 'statuslight' y un atributo de título de una de tres opciones. La opción (dependerá) se almacena en una variable llamada 'currentStatus'. He visto algunos ejemplos, y supongo que este es el camino correcto, pero necesito saber con seguridad:

$(".statuslight[title]='" + currentStatus + "'"); 

Answer 1

Muy cerca:

$(".statuslight[title='" + currentStatus + "']"); 

Suponiendo que su currentStatus es una matriz, usted podría conseguir todas las statuslight elementos con un título que contiene cualquiera de los valores con currentStatus:

$(".statuslight[title='" + currentStatus[0] + "'], .statuslight[title='" + currentStatus[1] + "'], .statuslight[title='" + currentStatus[2] + "']"); 

Alternativamente, si el título tiene múltiples estados (title="status1 status2 status3"), y currentStatus es sólo una opción que usaría este selector:

$(".statuslight[title~='" + currentStatus + "']");