आगे पलायन स्लेश ("/") जावास्क्रिप्ट का उपयोग करते समय CSS वर्ग

Question

बदलने के लिए मैं कुछ हालत जावास्क्रिप्ट का उपयोग लेकिन मुद्दा मामले में मेरी स्ट्रिंग एक फ़ॉर्वर्ड स्लैश (/) शामिल हैं का सामना करना पड़ के आधार पर कुछ सीएसएस वर्ग को जोड़ने की जरूरत है। यह वही मेरी उपयोग के मामले

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

मैं भी newProductCode.replace('/','/\'); की कोशिश की है है, लेकिन कोड चलाते समय मैं निम्न त्रुटि

JavaScript error: SyntaxError: unterminated string literal

मैं उत्पाद कोड के साथ HTML को बदल नहीं सकते का सामना करना पड़ रहा हूँ; मेरे लिए विकल्प जेएस में इसे बदलना है। JS code

Answer 1

मैं पहली बार indexOf() साथ अगर बयान बदल दिया और .replace('/', '\\/'); रूप .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 शायद है है

यहाँ एक काम js उदाहरण है ऐसा करने का सही तरीका है, लेकिन आप को " में खोज द्वारा अलग कर सकते हैं jQuery में attribute का उपयोग कर ng। एपीआई दस्तावेज में link है। यह पूरी तरह से प्रतिस्थापन करने से बचाता है। यह करने का एक हैकी तरीका है।

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