javascript - Sidr - 使用 jQuery 从所有子类中删除前缀

Question

我需要从“sidr-inner”父 div 中的所有类中删除前缀“sidr-class-”。Sidr 提供了删除所有前缀的选项，但它也会从 ID 中删除前缀。我只想删除类前缀。HTML如下：

<div class="sidr-inner">
        <div class="sidr-class-col-sm-12">
          <h2>Search by location</h2>
          <form>
            <input type="search" class="sidr-class-form-control" placeholder="Your location / postal code">
            <button type="submit" class="sidr-class-btn sidr-class-btn-default">Search</button>
          </form>
        </div>
      </div>

目前我正在使用下面的 jQuery 片段来搜索和添加类，但是使用大量类并不方便。

$(document).ready(function(){
        if($('div').hasClass('sidr-class-col-sm-12')) {
          $('.sidr-class-col-sm-12').addClass('col-sm-12');
        }
      });

任何人都知道如何使用 jQuery 或 Javascript 来完成这项工作？提前致谢！

Answer 1

你可以试试这段代码：

$(document).ready(function(){
  $('.sidr-inner [class*="sidr-class"]').each(function(){
    var old_classes = $(this).attr('class');
    old_classes = old_classes.replace(/sidr-class-/g, '');
    $(this).attr('class', old_classes);
  });
});

或此代码：

$(document).ready(function(){
  $('.sidr-inner [class*="sidr-class"]').each(function(){
    $(this).attr('class', change_class);
  });
});

function change_class(i, v)
{
    return v.replace(/sidr-class-/g, '');
}

来解决你的问题。