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

解决您的问题。