> 웹 프론트엔드 > JS 튜토리얼 > jQuery 태그 교체 함수를 사용하는 예.replaceWith()_jquery

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

WBOY
풀어 주다: 2016-05-16 16:38:30
원래의
1368명이 탐색했습니다.

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()]);
});
로그인 후 복사

실행 후 효과:

페이지 효과:

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