jQuery 태그 교체 함수를 사용하는 예.replaceWith()_jquery

replaceWith는 사용하기 쉽습니다

jQuery에는 다음과 같이 사용하기 매우 간단한 강력한 대체 함수인 replacementWith()가 있습니다.

페이지에 다음과 같은 p 태그가 있습니다

모든 p 태그를 "##"으로 교체

$('p').replaceWith('##');

실행 후 결과:

태그 교체

이 replacementWith를 사용하면 모든 p 태그를 b 태그로 바꿀 수 있으며 내용은 변경되지 않습니다.

$('p').each(function(){
    $(this).replaceWith('<b>'+$(this).html()+'</b>');
});

결과

이것이 대체품입니다!

이 기능을 사용하면 다국어 웹사이트를 쉽게 완성할 수 있습니다

다국어 웹사이트를 개발하는 경우 이 기능을 활용할 수도 있습니다. 예를 들어 번역해야 하는 텍스트에 i 태그를 추가한 다음 번역을 탐색하여 바꿀 수도 있습니다.

페이지 돔 구조가 다음과 같다고 가정합니다.

페이지의 i 태그에 있는 텍스트를 번역해야 합니다. 페이지의 i 태그는 Apple과 컴퓨터입니다. 따라서 번역 라이브러리가 필요합니다:

var translate = {
    '苹果' : 'apple',
    '电脑' : 'PC'
};

그럼 이렇게 번역 교체를 하면 됩니다

$('i').each(function(){
    $(this).replaceWith(translate[$(this).html()]);
});

실행 후 효과:

페이지 효과: