Как в JS присвоить класс при событии onclick?

Question

[zcreative]

Мне надо банальную вещь. У меня есть ссылки с классом "os" с id 0 1 2 3 . И есть divы c классом "item" и id 0 1 2 3 . Мне надо совершить $(div.item).addClass('active')}; при onclick соответствующей ссылки! помоги.

$(function(){
$('a.os').on("click", function(){
var id = $(this).attr("id");

$('div.item').removeClass('active');
var iditem = $('div.item').attr("id");
if ( id = iditem) { $(div.item).addClass('active')};};
);
});

Comments

[Ankhena]

1. Не может быть элементов с одинаковыми id. Так что у ссылок они должны быть типа id=a1, а у div типа id=div1
2. Исходя из п.1. берите только цифры из id
3. Используйте each для перебора и сравнения.
4. Ваш код на jsfiddle.net

[zcreative]

можно ссылку с примером?

[Ankhena]

zcreative: google -> "jquery each" во всех статьях есть примеры

[Stalker_RED]

Ankhena W: Если используется jQuery, зачем вообще перебор?

[Ankhena]

Stalker_RED: потому что это первый вариант, который пришел в голову с заданными условиями

[zcreative]

Ankhena W: спасибо

Answer 1

[lega]

https://jsfiddle.net/lega911/cc8ucnLb/

Comments

[zcreative]

огонь. только минус в том, что при нажатии на элемент не удаляется "active" у остальных.

[zcreative]

но этого не было задачей в вопросе так что это тоже решение)

[lega]

zcreative: это так же просто https://jsfiddle.net/lega911/z7gzL6ao/

Answer 2

[Stalker_RED]

Можно так: https://jsfiddle.net/j2vfr53m/
Но если у вас подключен jQueryUi, то там есть готовые табы: https://jqueryui.com/tabs/

Answer 3

[DonPablo]

Читай про делегирование