Bonjour a tous je cherche une solution pour faire un remove class

j'ai ce html

<li class="not-disable-cat  dd-item dd3-item  active" data-id-category="24" data-author="652"><div class=" not-disable-cat  dd-handle  dd3-handle"><i class="zmdi zmdi-folder dropfiles-folder"></i></div><div class="dd-content dd3-content  dd-handle  not-disable-cat  ui-droppable"><a class="edit"><i class="icon-edit"></i></a><a href="/" class="t not-disable-cat ">
                <span class="title">Echange</span>
            </a></div></li>

et j'essai d'enlever des classes pour obtenir 

<div class="dd-content dd3-content">

j'ai essayer

   jQuery( document ).ready(function() {
       jQuery( ".dd-content" ).removeClass( );
    });

mais cela ne fonctionne pas 

ps il peut y avoir +sieur li => l'idée c'est de tout enlever

Salut,

pas besoin de jQuery pour ça :

window.addEventListener('DOMContentLoaded', () => {
    const classToRemove = ['dd-handle',  'not-disable-cat', 'ui-droppable'];
    Array.from(document.getElementsByClassName('dd-content')).forEach(x => x.classList.remove(...classToRemove));
});

Bonjour micker,

Autre proposition,

Si tu veux que l'élément qui a comme class "dd-content" ai toujours "dd-content dd3-content" comme class, alors  je me serais contenté de changer la valeur de l'attribut class

$( document ).ready(function() {
 jQuery( ".dd-content" ).attr("class",'dd-content dd3-content');
});
 

window.addEventListener('DOMContentLoaded', () => {
    Array.from(document.getElementsByClassName('dd-content')).forEach(x => x.className="dd-content dd3-content");
});