`

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
分享到:
评论

相关推荐

    input框中自动展示当前日期yyyy/mm/dd的实现方法

    input框中自动展示当前日期&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;input type=text id=input&gt; [removed] //获取input元素 var _input = document.getElementById('input'); var date = new Date();...

    用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)的根...

    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,因此开发者通常...

Global site tag (gtag.js) - Google Analytics