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

解決你的問題。