javascript - jquery 删除包含特定单词的类

Question

我的 HTML 中有很多类，例如 .margin-15 、 .margin-30 等.

我的问题是如何删除所有包含 margin- 的类。

我尝试使用.removeClass，但我不知道如何删除包含特定字符串的所有类。

感谢您的帮助。

Answer 1

另一种方法是选择类名包含 margin- 的元素，然后循环并过滤那些不包含 margin-的元素

$( "[class*='margin-']" ).each(function(_, ele) {
  var currentClass = $(ele).attr('class');
  console.log("Current class:", currentClass);
  var classNames = currentClass.split(/\s+/).filter(function(c) {
    return !c.includes('margin-');
  }).join(' ');

  console.log("After filter:", classNames);

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="margin-12 eleclass"></div>