Использую простенький скрипт для переключения активных элементов. Но, столкнулся с проблемой. Для начал код:
$(".ml .label").click(function() {
$(".ml .label").removeClass("active");
$(this).addClass("active");
});
.active {
color: red
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table class="ml">
<tbody>
<tr>
<th>1</th>
<td><label class="label">Текст 1</label></td>
</tr>
<tr>
<th>2</th>
<td><label class="label">Текст 2</label></td>
</tr>
<tr>
<th>3</th>
<td><label class="label">Текст 3</label></td>
</tr>
</tbody>
</table>
<table class="ml">
<tbody>
<tr>
<th>1</th>
<td><label class="label">Текст 1</label></td>
</tr>
<tr>
<th>2</th>
<td><label class="label">Текст 2</label></td>
</tr>
<tr>
<th>3</th>
<td><label class="label">Текст 3</label></td>
</tr>
</tbody>
</table>
Я понимаю, что проходит по обеим таблицам и удаляет все активные классы. Но, как сделать так, чтоб удаление класса было только в родительском блоке? Пробовал через .parent(), но конструкция не работает. Как я понимаю, из-за того, что указанный класс не является родителем для .label. Заранее благодарен за подсказку.
PS: Не спрашивайте почему тут таблица)
https://api.jquery.com/closest/
$(this).closest(".ml").find(".label").removeClass("active");
Современные инструменты для криптотрейдинга: как технологии помогают принимать решения
Апостиль в Лос-Анджелесе без лишних нервов и бумажной волокиты
Основные этапы разработки сайта для стоматологической клиники
Продвижение своими сайтами как стратегия роста и независимости