javascript - 如何从 jQuery 中的每个类中删除字符？

Question

我有一个 Angular 4 应用程序，它为 html 元素中的每个 .inner-page 类包含一个“/”。

例如:

<div _ngcontent-c0="" class="inner-page /login">
<div _ngcontent-c0="" class="inner-page /register">

我想删除“/”字符，这样它看起来应该是这样的:

<div _ngcontent-c0="" class="inner-page login">
<div _ngcontent-c0="" class="inner-page register">

感谢任何帮助。谢谢。

Answer 1

按相关字符拆分 (.split()) 类属性 (.attr()) 值，然后重新加入 (.join()) 它们。

代码片段演示:

$('.inner-page').each(function(){
  var elClass = $(this).attr('class').split(' /').join(' ');
  console.log(elClass);
  $(this).attr('class', elClass);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div _ngcontent-c0="" class="inner-page /login">Login</div>
<div _ngcontent-c0="" class="inner-page /register">Register</div>

引用:

1. .split() ^{Ref - Javascript MDN}
2. .attr() ^{Ref - jQuery API}
3. .join() ^{Ref - Javascript MDN}