Question

<div class="col-md-4 col-sm-6 dsitbl scrl_animxxxxx"></div>
<div class="col-md-4 col-sm-6 dsitbl scrl_dd applexxxxx"></div>

我想知道在jquery中是否有任何方法可以从类

中删除最后一个“xxxxx”

Answer 1

如下所示： -

＆＃13;

$(document).ready(function(){
  $('div').each(function(){
    $(this).attr('class',$(this).attr('class').slice(0,-5));
  });
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="col-md-4 col-sm-6 dsitbl scrl_animxxxxx">Abc</div>
<div class="col-md-4 col-sm-6 dsitbl scrl_dd applexxxxx">Def</div>

＆＃13;

注意： -

1。如果您想首先检查该类中是否包含xxxxx（最后），然后您要替换，那么您可以这样做： -

if (if ($(this).attr('class').substr($(this).attr('class').length - 5) == "xxxxx"){
  // remove characters code here
}

<强> 实施例： -

＆＃13;

$(document).ready(function(){
  $('div').each(function(){
    if ($(this).attr('class').substr($(this).attr('class').length - 5) == "xxxxx"){
      $(this).attr('class',$(this).attr('class').slice(0,-5));
    }
  });
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="col-md-4 col-sm-6 dsitbl scrl_animxxxxx">Abc</div>
<div class="col-md-4 col-sm-6 dsitbl scrl_dd applexxxxx">Def</div>
<div class="col-md-4 col-sm-6 dsitbl scrl_dd mango">Ghi</div>

＆＃13;

Answer 2

我能想到的唯一方法是删除类，然后将更改的类添加回元素。

$('.applexxxxx').removeClass('applexxxxx').addClass('apple');

从jquery中的类中删除最后5个字母（不是vanilla javascript）

2 个答案: