Remove class from all elements JavaScript code example
Example 1: how to remove a class from element with javascript
const div = document.querySelector('div')
div.classList.remove('info')
Example 2: jquery remove class
Basic Syntax:
$(element).removeClass( "myClass yourClass" )
-------------------------------------------------------------------------------------
Html code example:
<p class="red highlight">test1</p>
<p class="red highlight marked">test2</p>
<p class="red highlight">test3</p>
<p class="red highlight">test4</p>
<script>
$( "p" ).removeClass( "highlight" )
</script>
<p class="red">test1</p>
<p class="red marked">test2</p>
<p class="red">test3</p>
<p class="red">test4</p>
Example 3: remove a class from all elements javascript
var class_name='classname';
elements=document.getElementsByClassName(class_name)
for(element of elements){
element.classList.remove(class_name)
}
Example 4: jquery remove class
$("#div1").on("click", function () {
if ($(this).hasClass("active")) {
setTimeout(function () {
$("#div1").removeClass("active");
}, 10);
}
});
Example 5: how to remove class in all siblings javascript
const setActive = el => {
[...el.parentElement.children].forEach(sib => sib.classList.remove('active'))
el.classList.add('active')
}