jquery怎么实现正则替换

113 阅读 0 评论 75 点赞

我是靠谱客的博主淡淡宝马，最近开发中收集的这篇文章主要介绍jquery怎么实现正则替换，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

本教程操作环境：windows7系统、jquery1.10.2版本、Dell G3电脑。

在jquery中，可以利用replace()函数来实现正则替换。

示例：

<input type="text" id="name" value="1,2,3,4"><br><br>
<button>正则替换</button>
登录后复制

想把input中value的值的逗号都变成"-"，首先使用jQuery的replace方法：

$(document).ready(function() {
	$("button").click(function() {
		    var value = $("#name").val();
		    var result = value.replace(',','-');
		    $("#name").val(result);

	})
});
登录后复制

结果只有第一个逗号被替换，即：

1-2,3,4
登录后复制

jQuery并没有提供replaceAll方法，此时可以使用正则表达式来实现：

$(document).ready(function() {
	$("button").click(function() {
			var value = $("#name").val();
			var reg = new RegExp(',','g');// g表示全局替换
			var result = value.replace(reg,'-');
			$("#name").val(result);

	})
});
登录后复制

结果为：