Sidr - jQueryを使用してすべての子クラスからプレフィックスを削除します

Question

'sidr-inner'親div内のすべてのクラスから接頭辞 'sidr-class-'を削除する必要があります。 Sidrはすべてのプレフィックスを削除するオプションを提供しますが、IDのプレフィックスも削除します。クラスプレフィックスだけを削除したい。現時点で

<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スニペットを使用していますが、多数のクラスでそれを行うには便利ではありません。次のようにHTMLです。

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

誰もが、これはjQueryのまたはJavaScriptを使用して行わ取得する方法のアイデアを持っていますか？前もって感謝します！あなたの問題を解決するために

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

：

$(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); 
    }); 
}); 

か、このコード：

Answer 1

あなたはこのコードを試すことができます。