Echapper à la barre oblique ("/") en utilisant JavaScript pour changer la classe CSS

J'ai besoin d'ajouter un peu de CSS classe basée sur une condition à l'aide de JavaScript mais face au problème dans le cas de mon string contient une barre oblique (/). C'est ce que mon cas est

<div id="div_product-size-icon-121NM/L" class="disabled"></div>
<script>
var newProductCode = '121NM/L';
 if(  newProductCode.contains('/') ){
       newProductCode = newProductCode.replace('/','/\//');
       $('#'+'div_product-size-icon-'+newProductCode).addClass('active');
    }
</script>

J'ai même essayé newProductCode.replace('/','/\'); mais lors de l'exécution de code, je suis en face d'erreur suivant

JavaScript error: SyntaxError: non littéral de chaîne

Je ne peux pas changer le HTML avec le code produit; l'option pour moi c'est de le transformer en JS.

Ici est un travail js exemple: Code JS

source d'informationauteur Umesh Awasthi

  1. 1

    @Pugazh a probablement la façon correcte de le faire, mais vous pourriez tout simplement isoler les string dans " par la recherche à l'aide d'un attribute en jQuery. Voici un lien à la documentation de l'API. Il évite d'avoir à faire le remplacer complètement. C'est un hacky façon de faire. 

    var newProductCode = '121NM/L';
$('[id="div_product-size-icon-'+newProductCode+'"]').addClass('active');