Remove class from multiple elements in JavaScript or jQuery

Question

Supposing I have this HTML with multiple elements and class.

How can I remove without naming the elements from all the element the class classToRemove ?

Thanks.

<html>
<body class="classToRemove">
    <div class="classToRemove">
        <a class="classToRemove">Link</a>
    <div>
</body>
<html>

$('.classToRemove').removeClass('someClass');, if you want to remove the class itself $('.classToRemove').removeClass('classToRemove'); — Tushar
– Tushar, Commented Oct 2, 2015 at 19:49

Saar · Accepted Answer · 2015-10-02 19:49:14Z

2

with jQuery it's really easy $('.classToRemove').removeClass('classToRemove');

answered Oct 2, 2015 at 19:49

Saar

2,3061 gold badge17 silver badges14 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Prasath Mani · Accepted Answer · 2019-06-15 16:26:40Z

Remove class using javascript

const removeClass = ($el, className) => {
  const _removeClass = function(el) {
    if (el.classList) {
      el.classList.remove(className);
    } else {
      el.className = el.className.replace(
        new RegExp('(^|\\b)' + className.split(' ').join('|') + '(\\b|$)', 'gi'),
        ' ',
      );
    }
  };
  if ($el.length === 1) {
    _removeClass($el);
  } else if ($el.length > 1) {
    $el.forEach(function(item) {
      _removeClass(item);
    });
  }
};

Collectives™ on Stack Overflow

Remove class from multiple elements in JavaScript or jQuery

2 Answers 2

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Related