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()）。

代码段示范：

＆＃13;

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

＆＃13;

<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>

＆＃13;

<强>参考：

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

Answer 2

请尝试以下代码：

 var value;
 $(document).ready(function(){
    $(".inner-page").each(function() {
        value = $(this).attr("class").replace("/", "");
        $(this).attr("class", value);
    });
 });

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

2 个答案: