> 웹 프론트엔드 > 프런트엔드 Q&A > jquery에서 정기적인 교체를 구현하는 방법

jquery에서 정기적인 교체를 구현하는 방법

青灯夜游
풀어 주다: 2022-03-28 15:40:55
원래의
2894명이 탐색했습니다.

jquery에서는 교체() 함수를 사용하여 정규 교체를 구현할 수 있습니다. 이 함수는 정규식과 일치하는 내용을 교체하는 데 사용됩니다. 구문은 "교체할 텍스트 개체입니다. ( 정규식, '대체 값');".

jquery에서 정기적인 교체를 구현하는 방법

이 튜토리얼의 운영 환경: windows7 시스템, jquery1.10.2 버전, Dell G3 컴퓨터.

jquery에서는 교체() 함수를 사용하여 정기적인 교체를 구현할 수 있습니다.

예:

<input type="text" id="name" value="1,2,3,4"><br><br>
<button>正则替换</button>
로그인 후 복사

input 값의 모든 쉼표를 "-"로 변경하려면 먼저 jQuery의 교체 방법을 사용하세요.

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

	})
});
로그인 후 복사

결과는 첫 번째 쉼표만 교체됩니다. :

1-2,3,4
로그인 후 복사

jQuery는 replacementAll 메소드를 제공하지 않습니다. 이를 달성하기 위해 정규식을 사용할 수 있습니다.

$(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 비디오 튜토리얼, 웹 프론트엔드 비디오]

위 내용은 jquery에서 정기적인 교체를 구현하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿