[jQuery] 텍스트 찾기 및 바꾸기

텍스트를 찾아서 바꾸는 경우에 사용할 수 있는 jQuery 스크립트입니다. 출처는 stackoverflow입니다.

다양한 방법으로 특정 단어, 문구, 텍스트를 찾아서 원하는 문구로 변경(가령 "dog"를 "doll"로 변경)할 수 있습니다.

$('#id1 p').each(function() {
var text = $(this).text();
$(this).text(text.replace('dog', 'doll'));
});

또 다른 방법으로

$('.textcontent').each(function() {

var text = $(this).html();
$(this).html(text.replace('replace me', 'I love this text'));

});

그리고 다음 방법도 가능하다고 하는데 테스트는 안 해 봤습니다.

$("#id1 p:contains('dog')").text($("#id1 p:contains('dog')").text().replace('dog', 'doll'));

마지막으로 다음과 같은 패턴도 가능합니다.

$(".textcontent").text(function(i, text) {
return text.replace("replace me", "I love this text");
});

참조용으로 정리해보았습니다.

참고로 워드프레스 플러그인, jQuery/자바스크립트 템플릿 등 코드 스크립트를 판매하는 CodeCanyon에서 비교적 저렴한 비용에 각종 코드 템플릿, PHP 스크립트를 구입할 수 있습니다.