• 技术文章 >web前端 >前端问答

    jquery怎么实现正则替换

    青灯夜游青灯夜游2022-03-28 15:40:55原创143

    在jquery中,可以利用replace()函数来实现正则替换,该函数用于执行查找并替换的操作,可以替换与正则表达式相匹配的内容,语法为“要替换的文本对象.replace(正则表达式,'替换值');”。

    本教程操作环境: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);
    
    	})
    });

    结果为:

    1-2-3-4

    【推荐学习:jQuery视频教程web前端视频

    以上就是jquery怎么实现正则替换的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:jquery 正则替换
    上一篇:jquery怎么取消radio 下一篇:javascript怎么利用正则替换换行符
    Web大前端开发直播班

    相关文章推荐

    • jquery鼠标操作函数有哪些• jquery中追加子元素的方法是什么• jquery怎么在前面增加子节点• jquery能判断img是否为空吗• jquery怎么实现点击元素相邻元素隐藏

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网