contains 선택자

:contains 선택자는 지정된 텍스트를 포함하는 요소를 선택합니다.

구문

다음과 같이 지정된 텍스트로 요소를 선택합니다. 텍스트는 따옴표가 있거나 없을 수 있습니다. 또한 이 매개변수는 대소문자를 구분합니다:

javascript$(':contains(텍스트)');

예제

bbb 텍스트를 가진 단락을 선택하고, 끝에 '!!!' 텍스트를 추가해 보겠습니다:

html<p>aaa</p>
<p>bbb</p>
<p>ccc</p>
javascript$('p:contains("bbb")').append('!!!');

HTML 코드는 다음과 같이 됩니다:

html<p>aaa</p>
<p>bbb!!!</p>
<p>ccc</p>

참고 항목

  • 이미 찾은 요소 내에서 요소를 검색하는 find 메서드
  • 요소의 텍스트를 가져오고 변경하는 text 메서드
  • 요소의 자손과 그 요소 내부의 텍스트를 가져올 수 있게 하는 contents 메서드