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

2024-05-26

我需要使用 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 code http://js.do/code/90166


我首先将 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>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

使用 JavaScript 更改 CSS 类时转义正斜杠 (“/”) 的相关文章

随机推荐

  • Spring RestTemplate - 带有请求正文的http GET [重复]

    这个问题在这里已经有答案了 可能的重复 带请求正文的 HTTP GET https stackoverflow com questions 978061 http get with request body 我在这里读过一些不提倡通过 HT
  • 使用动态变量解析 JSON 块

    我从 URL 中获取 JSON 对象并使用 JSON NET 解析它 我能够很好地解析具有定义变量的数据块 但是当涉及到 var value 的随机集合时 我陷入困境 示例 松散类型 FNAME joe LNAME doe BodyType
  • 来自 jsp:include 的 JSF 1.2 自定义组件

    在开始回答我的问题之前 我先说一下我的不幸的局限性 我使用的是 JSF 1 2 而不是 2 所以没有复合组件 我使用 JSP 代替 Facelets 进行渲染 所以这些复合组件也没有 我不允许使用任何第三方标签库 richFaces ice
  • 如何在 PL/SQL 中查找字符串中不同字符的数量和名称[重复]

    这个问题在这里已经有答案了 我对 PL SQL 很陌生 我需要获取字符串中不同字符的名称和计数 例如 如果我有一个字符串str helloexample 我需要获得不同字符的输出str i e heloxamp 我怎样才能做到这一点 您可以
  • 列表字典的最大/最小值

    我有一个字典将 id 映射到数据值列表 如下所示 dic id v1 v2 v3 v4 我试图迭代字典中的每个值并检索列表映射的某个索引的最大 最小值 我想做的是这样的 maximum max data 0 for id data in s
  • 替代(免费)AOP PostSharp 用于方法跟踪(和异常)

    我喜欢添加跟踪类中每个方法的进入和离开 并在发生异常时跟踪参数 使用 PostSharp AOP 我不需要将其放入每个方法中 而只需应用属性即可 但我买不起 PostSharp 有其他方法可以做到这一点吗 Unity3D可以做到吗 我正在使
  • Parse.com 的现实数据备份方法

    我们正在使用 Parse com 构建一个 iOS 应用程序 但仍然找不到有效备份数据的正确方法 作为前提 我们已经并且将会有很多数据存储行 假设我们有一个包含 100 万行的类 假设我们已对其进行备份 然后希望在发生危险情况 例如生产中的
  • 为什么要以静态的方式访问静态字段呢?

    public enum MyUnits MILLSECONDS 1 milliseconds SECONDS 2 seconds MINUTES 3 minutes HOURS 4 hours private MyUnits int qua
  • NHibernate代理异常

    我是新 NHibernate 我正在编写一个简单的应用程序 其中的客户类包含 id 和名称 并使用 nhibernate 将对象存储到数据库中 但我得到以下信息 未配置 ProxyFactoryFactory 使用可用的 NHibernat
  • 配置文件上的 Spring 自动配置顺序/优先级

    我刚刚阅读了一些 Spring 文档 并且对自动配置的工作方式有疑问 因此 如果我们运行具有特定配置文件的 Java 应用程序 它将自动使用以下格式命名的配置文件 application profileName properties 假设我
  • 如何创建开发/调试和生产设置

    我最近无意中部署了我们的游戏typrX的调试版本 打字比赛在www typrx com http www typrx com 尝试一下 很有趣 它很快就被纠正了 但我知道它可能会再次发生 挖完后 在 Google 上 我找到了一些如何创建
  • vb.net if 简写

    有没有办法使用速记来做这样的事情 If Not txtBookTitle Text String Empty Then objBook DisplayName txtBookTitle Text End If objBook Display
  • 以编程方式检索 OSX 网络/代理配置值

    考虑到我的应用程序具有当前登录的管理员用户的用户 ID 和密码 是否可以从 OSX 网络设置中检索配置值 对 高级 代理 选项卡内容特别感兴趣 通过设置 API 完成 以下是从 OSX 网络设置中获取 PAC URL 字符串的示例 stat
  • 用 Ajax 响应替换 div 的内部 HTML

    我试图在一段时间后更改 div 的内部 HTML 我得到了我想要的 Ajax 正确响应 但无法用 Ajax 响应替换所选内容的内部 HTML 我的代码有什么问题 Html p class time ui li desc 51 seconds
  • 如何只获取 getdate() 的日期部分? [复制]

    这个问题在这里已经有答案了 我有一个包含 CreationDate 字段的 SQL 表 I have getdate 在计算列规格公式中 我想知道如何获取日期部分 即 2012 08 24 而不是 2012 08 24 10 45 17 7
  • GMAIL:如果我知道其 ID,如何在新窗口中打开现有电子邮件?

    简而言之 如果我知道新窗口中的电子邮件 ID 如何在 Gmail 中打开电子邮件 问候 我从 GMAIL API 获取所需电子邮件的 ID 我希望它在单独的窗口中打开 例如 通过单击我的附加组件 我知道的 使用 JavaScript 代码做
  • C++/CLI 中的 ref 和 out

    我知道 C CLI 代码 void foo Bar x 转变为 Void foo ref Bar x 变成的 C CLI 代码是什么 Void foo out Bar x 您可以使用 OutAttribute using namespace
  • 如何禁用 Yii2 中的按钮

    我正在尝试禁用创建项目 Button当用户未登录时 该按钮将Hide or disable 这是我的条件 p p 它正在工作 但是 当用户登
  • 是否有一个“轻型版本”IntelliJ IDEA 可以在没有项目的情况下编辑文件?

    可以从命令行在单个文件上调用 IntelliJ IDEA 如此处所述 将 IntelliJ IDEA 作为 Diff 或合并命令行工具运行 https www jetbrains com help idea running intellij
  • 使用 JavaScript 更改 CSS 类时转义正斜杠 (“/”)

    我需要使用 JavaScript 根据某些条件添加一些 CSS 类 但如果我的字符串包含正斜杠 这就是我的用例 div class disabled div 我什至尝试