Escape-Schrägstrich ("/") bei der Verwendung von JavaScript zum Ändern der CSS-Klasse

Question

Ich muss eine CSS-Klasse basierend auf einer Bedingung mit JavaScript hinzufügen, aber das Problem tritt auf, wenn meine Zeichenfolge einen Schrägstrich enthält (/). Dies ist, was mein Anwendungsfall ist

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

ich sogar newProductCode.replace('/','/\'); haben versucht, aber während Code ausgeführt wird, ich bin vor Fehler folgende

JavaScript error: SyntaxError: unterminated string literal

ich nicht HTML zusammen mit Produkt-Code ändern kann; Die Option für mich ist, es in JS zu ändern.

Hier ist ein Beispiel js Arbeits: JS code

Answer 1

Ich habe zuerst die if-Anweisung mit indexOf() ersetzt und verändert die .replace Funktion als .replace('/', '\\/');

var newProductCode = '121NM/L'; 
 
if (newProductCode.indexOf('/') > 0) { 
 
    alert('Once you click OK, the text will disappear!!'); 
 
    newProductCode = newProductCode.replace('/', '\\/'); 
 
    $('#' + 'div_product-size-icon-' + newProductCode).addClass('active'); 
 
}

div.active { 
 
    display: none; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="div_product-size-icon-121NM/L" class="disabled">Some text here</div>

Answer 2

@Pugazh wahrscheinlich das hat korrekte Art, es zu tun, aber Sie konnten einfach die string in " durch Searchi isolieren ng mit einem attribute in jQuery. Hier ist ein link zur API-Dokumentation. Es wird vermieden, den Ersetzungsvorgang insgesamt durchzuführen. Es ist ein hacky Weg, es zu tun.

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