Sidr - Entfernen Präfix von allen untergeordneten Klassen mit jQuery

Question

Ich muss das Präfix "sidr-class-" aus allen Klassen in der 'sidr-inneren' Eltern Div entfernen. Sidr bietet eine Option zum Entfernen aller Präfixe, entfernt aber auch Präfixe aus IDs. Ich möchte nur die Klassenpräfixe entfernen. Der HTML-Code ist wie folgt:

<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>

Im Moment hat ich den folgenden jQuery-Schnipsel bin mit Klassen suchen und hinzufügen, aber es ist nicht bequem, ihn mit einer großen Anzahl von Klassen zu tun.

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

Wer eine Idee, wie dies mit jQuery oder Javascript zu tun bekommen? Danke im Voraus!

Answer 1

Sie diesen Code versuchen:

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

oder dieser Code:

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

Ihr Problem zu lösen.