Как перейти к якорю и дать активному блоку класс?

Question

[foxayb]

При нажатии на ссылку
<a href="#a-btn50" class="a-btn">ГОСТ 50</a>
у меня якорит к элементу:
<tr id="a-btn50" class="a-btn-50"></tr>
Как, при нажатии на эту ссылку дать класс .active к элементу tr, а потом если нажимаешь на другую ссылку, например <a href="#a-btn49">ГОСТ 49</a>убрать класс у .active у предыдущего элемента и дать новому?

Answer 1

[foxayb]

Вот такой вариант мне нужен был, всё работает.

<script>
jQuery('.a-btn').click(function() {
  var href = jQuery(this).attr("href").replace(/#/g, '.');
  jQuery("#pltable [class*='tr-col']").removeClass("tr-active");
  jQuery(href).addClass('tr-active');
});
</script>

Answer 2

[Andrey Vasilev]

Как вариант. Улетают все классы, а нажатому прилетает активный.

Comments

[foxayb]

Плохой вариант. У меня другие условия. Добавить активному элементу класс при клике - я бы даже такое на спрашивал, это гуглится.

[Andrey Vasilev]

foxayb, тогда пропиши какие-нибудь свойства и сравнивай их:

<a data-anchor="id1" href="#a-btn50" class="a-btn">ГОСТ 50</a>
<tr data-anchor="id1" id="a-btn50" class="a-btn-50"></tr>

перебирай все элементы и сравнивай с выбранным