Селекторы jQuery: выберите элемент с определенным классом и атрибутом 'title'

Это должно быть легко, но я не могу найти хороший пример в любом месте. Я пытаюсь выбрать конкретный элемент на моей странице, который имеет класс "statuslight" и атрибут title из одного из трех вариантов. Опция (она будет зависеть) сохраняется в переменной с именем currentStatus. Я видел несколько примеров, и я предполагаю, что это правильный путь, но я должен знать наверняка:

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

Ответ 1

Очень близко:

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

Предполагая, что ваш currentStatus является массивом, вы можете получить все элементы statuslight с заголовком, содержащим любые значения currentStatus, с помощью:

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

В качестве альтернативы, если ваш заголовок имеет несколько статусов (title="status1 status2 status3"), а currentStatus - это только один элемент, вы должны использовать этот селектор:

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