jQuery를 교체() 방법

이 게시물에서는 모든 목표 세부 정보를 일치하는 요소로 바꾼 후 새 문자열을 반환하는 jQuery 교체 기능에 대해 설명합니다. 이 접근 방식은 문장 또는 문자열 그룹에서 문자열의 발생을 대체하는 데 사용할 수 있습니다.

replace() 방식에서는 기본 예제만 변경할 수 있습니다. 모든 항목을 제거하려면 전역 한정자(g)를 사용해야 합니다.

jQuery의 replace()

jQuery는 DOM을 관리하는 데 도움이 되는 여러 기능을 제공하며 그 중 하나는 DOM 대체 기능입니다. jQuery의 replace() 접근 방식을 사용하여 문자열에서 선택된 하위 문자열 또는 문자열 모음에서 문자열의 모든 항목을 찾아서 바꿉니다.

jQuery는 replace 기능을 사용하여 DOM 조작을 위한 replaceAll() 및 replaceWith() 메서드를 추가로 제공합니다.

‘replaceAll()’ 메서드는 각 대상 요소를 일치하는 요소 집합으로 바꿉니다. ‘replaceWith()’ 메서드는 각 요소를 제공된 새 콘텐츠로 교체하고 제거된 요소 집합을 반환합니다.

통사론:

string.replace (/[oldString]/+/g, 'newString')
$(content).replaceAll(selector)
$(selector).replaceWith(content, function(i))

1. content는 삽입할 콘텐츠를 지정하는 필수 매개변수이며 가능한 값은 HTML 요소, jQuery 개체 및 HTML 요소입니다.
2. function(i)은 교체할 내용을 반환하는 함수를 지정하는 선택적 매개 변수입니다.

다음의 간단한 예를 통해 이해해 봅시다.

<p>Welcome to jQuery!</p>
<button >
Change
</button>

$(document).ready(function() {
  $('button').on('click', () => {
    $('p').text((index, text) => {
      return text.replace(/jQuery/g, 'Delftstack');
    });
  })
});

위의 예에서 jQuery replace() 메서드는 지정된 문자열 값 jQuery를 검색하고 지정된 replace 값 Delftstack을 반환합니다.

jQuery를 지원하는 모든 브라우저에서 위의 코드 스니펫을 실행하면 결과가 표시됩니다.

replace() 전:

바꾸기() 이후:

데모