Как в этом случае правильно выбрать data атрибут?

Question

[Михаил Р.]

Всем привет! Столкнулся с проблемой, при которой никак не получается выбрать data-alert с определенным значением.
Откуда выбираем:

<div class="alert animated alert-danger zoomInRight" data-alert="44">Предупреждение системы</div>

Селектор на настоящий момент:

$('div#container-alert > div.alert').removeClass(alertParams['showClass']);

Как?: найти родительский блок, далее в родительском выбрать дочерний лишь с определенным data-alert (номер сохранен в переменной dataAlert) и далее у дочернего удалить класс...
Спасибо!

Comments

[OVK2015]

var text = '<div id="container-alert"><div class="alert animated alert-danger zoomInRight" data-alert="44">Предупреждение системы</div></div>';
$(text).find('[data-alert=44]').removeClass('zoomInRight')

[Михаил Р.]

OVK2015: попробовал разными способами, в итоге мало что работает, единственный рабочий вариант получился такой:
$('div.alert[data-alert="' + dataAlert + '"]').removeClass(alertParams['showClass']); - это нормально?

[OVK2015]

Mike Ro: Не зная разметки и задумки целиком трудно ответить. Если это что-то событийно зависимое(клик и т.п.), то да,- нормально

[Михаил Р.]

OVK2015: да, это именно клик! Спасибо!

[OVK2015]

Mike Ro: Не за что!

Answer 1

[Cyber_bober]

Немного не догоняю от чего вы ищете родительский элемент, но пусть дочерний, от которого начинается поиск будет называться el

let parent = el.parentNode;
let elAlert = parent.querySelectorAll("[data-alert=dataAlert]");
elAlert.classList.remove('className');

Comments

[Михаил Р.]

Ищу родительский, что-бы ускорить процесс работы скрипта. А варианта на JQuery нет?

[Cyber_bober]

Mike Ro: этот js тоже будет выполняться даже при наличии jquery)

[Михаил Р.]

Cyber_bober: не, это я понимаю. Просто гуглю свою-же проблему, там есть примеры на JQuery, как читать и изменять data, изменить у меня получается, а вот прочитать нет...

[Cyber_bober]

Mike Ro: $parent.find('[data-alert=dataAlert]');

[Михаил Р.]

Cyber_bober: попробовал разными способами, в итоге мало что работает, единственный рабочий вариант получился такой:
$('div.alert[data-alert="' + dataAlert + '"]').removeClass(alertParams['showClass']); - это нормально?

[Cyber_bober]

Mike Ro: да, норм

[Михаил Р.]

Cyber_bober: ляпота! спасибо! =)