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

最新推荐文章于 2022-07-14 16:22:02 发布

原创最新推荐文章于 2022-07-14 16:22:02 发布 · 838 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #ViewUI

javascript 专栏收录该内容

25 篇文章

订阅专栏

本文介绍在JavaScript中处理HTML元素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(/ /g,"");//替换所有的
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