Как изменить класс элемента?

Question

[Владимир]

При загрузке страницы нужно изменить класс с open на close, используя скрипт.
<div id="audio-play" class="open">

<script>
$('.audio-play').toggleClass('open').addClass('close');
</script>

Написал такой скрипт, но он не работает. Возможно, нужно использовать функцию? Как это сделать?

Comments

[Андрей]

$('.audio-play') у вас. а нужно $('#audio-play')

Answer 1

[iDrugov]

Надо добавить или заменить?

$('.open').addClass('close'); // добавляет
$('.open').addClass('close').removeClass('open'); // заменяет
$('.open').toggleClass('close'); // переключает класс close - добавляет его и удаляет при наличии

$('#audio-play').removeClass('open').addClass('close'); // заменяет

Ну и в вопросе в начале идёт обращение по #, а поставлено по классу .

Comments

[Владимир]

Заменить.

[iDrugov]

Владимир: ну я замену написал в длинном виде. toggleClass добавляет класс, но не удаляет предыдущий. Вряд ли это то, что тебе нужно

Answer 2

[Андрей]

$('#audio-play').toggleClass("open close");

Answer 3

[Егор Живагин]

Элемент с id, а ищешь его по классу. Не надо так)

$('#audio-play').removeClass('open').addClass('close');

Answer 4

[Денис Букреев]

Выборку по id надо делать

Comments

[Владимир]

А как?