Selettori jQuery: Seleziona elemento con attributo specifico di classe e 'titolo'

Question

Questo dovrebbe essere facile, ma non riesco a trovare un buon esempio da nessuna parte. Sto provando a selezionare un particolare elemento sulla mia pagina che abbia una classe di "statuslight" e un attributo titolo di una delle tre opzioni. L'opzione (dipenderà) è memorizzata in una variabile denominata "currentStatus". Ho visto alcuni esempi, e sto cercando di indovinare questa è la strada giusta, ma ho bisogno di sapere per certo:

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

Answer 1

Molto vicino:

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

Supponendo tua currentStatus è un array, si potrebbe ottenere tutti statuslight elementi con un titolo che contiene uno dei valori currentStatus con:

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

in alternativa, se il titolo ha più stati (title="status1 status2 status3"), e currentStatus è solo una voce che si usa questo selettore:

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