Как удалить class hidden-xs у определенного div и при закрытии модального окна вернуть его?

Question

[vladroots]

Необходимо убрать только у четвертого div значение hidden-xs.

div class="column_module hidden-xs hidden-md"
div class="column_module hidden-xs hidden-md"
div class="column_module hidden-xs hidden-md"
div class="column_module hidden-xs hidden-md"

Answer 1

[FrelFrloich]

const btn = document.querySelector('.btn-close')

btn.addEventListener('click', close)
function close() {
    let container = document.querySelectorAll('.column_module')
    container[3].classList.remove('hidden-xs')
}

Comments

[vladroots]

Спасибо! А на jquery как это будет выглядеть ?

[FrelFrloich]

vladroots, это нативный js, jquery библиотека языка js ) , вы просто вставите это в jquery и всё. Но в Jquery вроде несколько вариантов, хотя и в js несколько и есть более короткие.

$('.column_module:eq(4)').removeClass('hidden-xs')
 $('.column_module').eq(4).removeClass('hidden-xs')
 $('.column_module:nth-child(4)').removeClass('hidden-xs')

да и ещё куча.