首頁  >  文章  >  web前端  >  jquery怎麼實現正規替換

jquery怎麼實現正規替換

青灯夜游
青灯夜游原創
2022-03-28 15:40:262774瀏覽

在jquery中,可以利用replace()函數來實現正則替換,該函數用於執行查找並替換的操作,可以替換與正則表達式相匹配的內容,語法為“要替換的文本物件.replace(正規表示式,'替換值');」。

jquery怎麼實現正規替換

本教學操作環境:windows7系統、jquery1.10.2版本、Dell G3電腦。

在jquery中,可以利用replace()函數來實作正規替換。

#範例:

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

想把inputvalue的值的逗號都變成"-",首先使用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