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

이 글에서는 jQuerytag replacementfunctionreplaceWith()의 사용 예를 주로 소개합니다. replaceWith는 사용하기 쉽습니다

jQuery에는 사용하기 매우 간단한 강력한 교체 함수인 replacementWith()가 있습니다. 태그를 "##"

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

실행 후 결과:

태그 교체

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

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

Result

대체품입니다!

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

다국어 웹사이트를 개발하는 경우에도 이 기능을 사용할 수 있습니다. 예를 들어 번역하려는 텍스트에 i 태그를 추가하고, 그런 다음 번역 대체를 탐색합니다.

페이지 DOM 구조가 다음과 같다고 가정해 보겠습니다.

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

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

그러면 다음과 같이 번역 교체를 수행할 수 있습니다.

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

실행 후 효과:

페이지 효과:

위 내용은 jQuery 태그 교체 함수를 사용하는 예.replaceWith()의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!