Question

如何在jquery中更改所有类名。谢谢你的帮助。例如：

$('.myclass').removeClass("name-*");
$('.myclass').addClass("name-999");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="myclass name-212"></div>
<div class="myclass name-545"></div>
<div class="myclass name-767"></div>

Answer 1

也尝试这个：

$(".myclass").removeClass(function (index, className) {
   return (className.match (/(^|\s)name-\S+/g) || []).join(' ');
});

Answer 2

您可以使用正则表达式

执行此操作

$('.myclass').removeClass(function (index, cssClass) {

  return (cssClass.match (/\bname-\S+/g) || []).join(' ');

});

它将从.myclass中删除所有名称类。

但是这样的类名不是一个好的解决方案，也许可以尝试解释你使用这个解决方案的问题，我们可以给你一个更好的方法。

Answer 3

如果您知道/希望div有myclass name-999，为什么不删除所有类并添加您想要的内容？

$('.myclass').removeClass().addClass("myclass name-999");

.name-999 {
  width:10px;
  height:10px;
  background:red;
  margin:10px 0;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="myclass name-212"></div>
<div class="myclass name-545"></div>
<div class="myclass name-767"></div>

如何在jquery中更改类名

3 个答案: