Удаление класса и добавление нового?

Question

[hax0r :3]

Всем привет, есть такой не замысловатый HTML код, <div class="class"></div>

Как сделать через JavaScript так, что бы по клику на него класс div он удалялся, и добавлялся класс div2 ?Спасибо.

Answer 1

[bears]

<div class="div"></div>

$(document).ready(function(){
    $('div').removeClass('div').addClass('div2');
});

Comments

[hax0r :3]

Либо я что-то не так делаю... либо это не работает. Скорее всего первое. Объясните пожалуйста.

[bears]

hax0r :3: Обновил ответ, попробуйте так. Этот код удалить сласс div у всех дивов с таким классом, и добавит им класс div2

[bears]

hax0r :3: codepen.io/anon/pen/yeXope

[hax0r :3]

bears: Не работает.. попробуйте сделать это на Jsfiddle

[bears]

hax0r :3: так вот же - codepen.io/anon/pen/yeXope кликните на текст, он поменяет цвет )

[hax0r :3]

bears: Отлично! Заработало! А как сделать.. что бы класс удалялся и добавлялся бессконечно, тоесть замкнутый круг?

[bears]

hax0r :3: codepen.io/anon/pen/yeXope Обновил

Answer 2

[Donald Dak]

Так только добавляет codepen.io/anon/pen/pgwrdj
А так добавляет и обратно codepen.io/anon/pen/dGRzJe