使用JavaScript更改CSS类时转义正斜杠("/")

Question

我需要使用JavaScript添加一些基于某些条件的CSS类,但是在我的字符串包含正斜杠(/)的情况下遇到问题.这就是我的用例

<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错误:SyntaxError:未终止的字符串文字

我不能随产品代码更改HTML; 我的选择是在JS中改变它.

这是一个有效的js示例:JS代码

Answer 1

我首先用if替换了if语句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>