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

为您解决问题。