Как добавить класс div по данному событию?

Question

[Антон]

Есть такой пример, как присваивать класс диву если например result == 'success' то div class="success"
<div id="formresult"></div>

<script>
if (result == 'success') {
$("#formresult").text('Выполнено успешно');
}
else if (result == 'error') {
$("#formresult").text('Произошла ошибка');
}
</script>

Answer 1

[Андрей Охотников]

<script>
if (result == 'success') {
$("#formresult").text('Выполнено успешно').addClass('success');
}
else if (result == 'error') {
$("#formresult").text('Произошла ошибка').addClass('error');
}
</script>

Comments

[Антон]

Спасибо, а как заменять класс? Если вернет error и потом success то будет class="error success", можно ли делать по отдельности?

[Андрей Охотников]

Антон, для удаления класса используется removeClass('succsess')

[Антон]

В примере указано только 2 события, а вообще их больше и для каждого писать как то неправильно, а не существует ли какого нибудь replace?

[Андрей Охотников]

Антон, есть метод toggle который переключает класс, а вообще всегда можно написать свою реализацию, это всего несколько строк кода на чистом js - проверять наличие класса и удалять если надо либо заменять

[Антон]

Андрей Охотников, можете привести пример?

[Андрей Охотников]

Антон, вот этого будет достаточно )

[Антон]

Андрей Охотников, спасибо)