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, '');
}

解决您的问题。