Удаление класса внутри родителя

231
05 апреля 2017, 15:44

Использую простенький скрипт для переключения активных элементов. Но, столкнулся с проблемой. Для начал код:

$(".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: Не спрашивайте почему тут таблица)

Answer 1

https://api.jquery.com/closest/

$(this).closest(".ml").find(".label").removeClass("active");
READ ALSO
if else jQuery не работает

if else jQuery не работает

Добрый день, не пойму почему не срабатывает скриптПомогите пожалуйста

305
Файл-менеджер elFinder выдает ошибку

Файл-менеджер elFinder выдает ошибку

Собственно сама ошибка:

327
События submit, change, click, keypress не работают на iphone/ipad

События submit, change, click, keypress не работают на iphone/ipad

Обработчики событий Jquery не выполняются на Iphone/Ipad, хотя корректно работают на настольном компьютере и на Android

389
не срабатывает localStorage(sesstionStorage)

не срабатывает localStorage(sesstionStorage)

не могу найти ошибку почему LocalStorage не работает, буду признателен за помощьАнимация должна сработать раз, при переходе на другие странице...

319