`

js中处理元素id带“/”(正斜杠)的方法

 
阅读更多
js中处理元素id带“/”(正斜杠)的方法,有需要的朋友可以参考下。




html中当元素id带有"/"(斜杠)时,需要先将id中的"/"替换成"\/",才能进行相应的取值等操作。

html中代码:
<script>
function show(key) {
    alert($("#"+key.replace(/\//g, '\\/')).val());
}
</script>

<input id="/1122" value="333">
<button onclick="show('/1122')">显示value</button>


关键就在于:


key.replace(/\//g, '\\/')
其中:

\/ 表示转义斜杠,在此表示"/"


/x/g 表示匹配字符串里所有的x


\\/ 表示字符串"\/",第一个"\"是用来转义的


注:


/x/ 表示匹配字符串里第一个x


/x/i 表示匹配的x不区分大小写



通过上面的字符串替换后,我们就能取到id="/1122"的值了。


在此要注意,不管"/"出现在id的开头、中间还是末尾,我们都需要对其进行处理,不然js会报错。

//正则表达式替换文本中的html标签
var realContent = $("#content").val();
realContent = realContent.replace(/&nbsp;/g,"");//替换所有的&nbsp;
realContent = realContent.replace(/<div>/g,"");//替换所有的<div>标签
realContent = realContent.replace(/<\/div>/g,"");//替换所有的</div>标签
realContent = realContent.replace(/<[^>]+>/g,"");//替换所有的html标签
//realContent = realContent.replace(/<.+?>/g,"");//这种替换方式可以达到同样的效果

转自:http://www.cnblogs.com/jhxk/articles/1851905.html

转自:http://www.aichengxu.com/view/29922
分享到:
评论

相关推荐

    用js作表格的表头斜线

    在网页设计中,创建带有斜线的表格表头可以增加信息层次感,使得数据更易于理解。本示例探讨如何使用JavaScript(js)来实现这一功能。JavaScript是一种强大的客户端脚本语言,它允许我们在用户的浏览器上动态地创建...

    jQuery选择id属性带有点符号元素的方法

    此外,这种选择器的使用方法对于理解和实践JavaScript中其他需要转义的场景同样具有借鉴意义,比如在正则表达式中处理包含特殊字符的字符串。掌握这一知识点,能够帮助开发者编写更为高效和精确的jQuery代码,提升...

    JQuery对id中含有特殊字符的转义处理示例

    让我们来看看在jQuery中处理这种情况的三种方法: **方法1:使用`document.getElementById`** ```javascript $(document.getElementById('a[]')); ``` 这种方法不直接使用jQuery的选择器,而是依赖于JavaScript的...

    jQuery详细教程

    $("div#intro .head") id="intro" 的 &lt;div&gt; 元素中的所有 class="head" 的元素 三. jQuery 事件函数 jQuery 事件处理方法是 jQuery 中的核心函数。 事件处理程序指的是当 HTML 中发生某些事件时所调用的方法。术语...

    JS函数集合大全/JS函数

    `JSеעΪ//` 这里指的应该是JavaScript的单行注释语法,使用双斜杠(`//`)来注释一行代码,帮助开发者理解代码逻辑。 ### 3. HTML文档结构 文档对象模型(DOM)的层次结构:`document-&gt;html-&gt;(head,body)`。这表示了...

    JavaScript宝典 js开发

    在JavaScript中,单行注释使用两个斜杠`//`来标记,所有位于这两斜杠之后直至行尾的文字都会被视为注释。 #### 三、HTML文档结构 传统的HTML文档结构遵循以下顺序: 1. **Document**:文档对象模型(DOM)的根...

    js正则表达式使用方法

    JavaScript中的正则表达式是一种强大的工具,用于处理字符串和执行模式匹配。正则表达式可以在多种场景下使用,包括表单验证、DOM操作以及纯编程逻辑。以下是对JS正则表达式使用的详细说明: 首先,定义正则表达式...

    JavaScript-js宝典笔学习记.txt

    通过元素ID获取DOM元素。 ```javascript let element = document.getElementById("myElement"); ``` #### 30. 清空表单元素的值 遍历表单中的所有元素并清空文本类型的输入框。 ```javascript var form = window....

    js获取url页面id,也就是最后的数字文件名

    在获取页面ID的场景中,我们可以利用substring方法从URL的最后一个斜杠(/)之后开始提取字符,直到字符串的结尾。然后,使用字符串的replace方法去除“.html”或“.htm”等后缀,得到页面ID。该方法的优点是无需...

    JS点击按钮实现时间戳与标准日期的相互转换

    在JavaScript中,时间戳与标准日期之间的转换是常见的操作,特别是在处理前端交互和服务器通信时。本教程将指导你如何通过点击按钮实现这两种转换。首先,让我们了解基本概念。 时间戳,通常指的是从1970年1月1日...

    javascript模版引擎-tmpl的bug修复与性能优化分析.docx

    可以通过检查模版字符串中是否存在空格来判断其是否为元素ID。如果存在空格,则尝试从DOM中获取对应元素;否则,将其视为普通模版字符串。 ```javascript if (!/\s/.test(str)) { // 当前字符串视为模版字符串 } ...

    XPath教程(描述XPath的用法)

    XPath是一种在XML文档中查找信息的语言,用于选取XML文档中的节点,包括元素、属性、文本等。XPath基于路径表达式来选取XML文档中的节点,这些路径表达式类似于文件系统的路径,但更为灵活。 1. **XPath的基本概念*...

    使用Jquery获取带特殊符号的ID 标签的方法

    首先,我们要明确一点:在使用document.getElementById()方法获取元素时,如果ID中包含了特殊符号,那么这个方法可能无法正常工作,因为某些特殊符号在JavaScript中是有特殊含义的。例如,连字符("-")在JavaScript中...

    常用js大全.docx

    2. 注释:在JavaScript中,双斜杠(//)用于注释单行代码,而块注释使用/* */。 3. HTML文档结构:传统的HTML文档结构为:document -&gt; html -&gt; (head, body)。 4. 浏览器窗口中的DOM顺序:window -&gt; (navigator, ...

    jQuery选择器中的特殊符号处理方法

    在实际应用中,我们可能会遇到需要在ID或类名中使用这些特殊字符的情况,这时就需要正确地处理它们。 在HTML中,ID和类名是可以包含字母、数字、下划线(_)和破折号(-),但不推荐使用特殊字符,因为这可能导致...

    jquery双引号文本变化rar

    综上所述,"jquery双引号文本变化rar"可能是一个关于如何在jQuery中处理包含双引号的文本的实例。它可能通过各种方法展示了如何安全、有效地改变HTML元素中的文本内容,尤其是那些内含双引号的文本,这在动态网页...

    javascript入门总结

    - **代码行的折行**:在 JavaScript 中,可以在字符串中使用反斜杠 `\` 来折行,例如 `document.write("你好\世界!");`,但不能直接折行代码。 #### JavaScript 数据类型 JavaScript 拥有动态类型系统,这意味着...

    js选择文件夹

    ### JavaScript 选择文件夹知识点详解 #### 一、概述 在网页开发中,有时我们需要让用户选择文件夹而非单个文件,比如在实现上传整个文件夹的功能时。然而,HTML5并未提供直接选择文件夹的标准API,因此开发者通常...

    js表单输入正则表达式验证代码

    在JavaScript(JS)中,表单输入的正则表达式验证是确保用户输入符合特定格式或规则的关键技术。正则表达式(Regular Expression)是一种强大的文本处理工具,它能用于匹配、查找、替换等字符串操作,尤其适用于数据...

Global site tag (gtag.js) - Google Analytics