jQuery에서 현재 세트에 요소 추가하기
때로는 이미 메서드 세트가 있고, 그 위에 몇 가지
작업을 수행한 후 이 세트에 더 많은 요소를 추가하고
이 전체 세트에 대해 추가 작업을 수행하고 싶은 상황이 있습니다.
이는
add
메서드를 사용하여 수행됩니다.
다음 HTML 코드를 예로 들어보겠습니다:
<div>ddd</div>
<h1>hhh</h1>
<p>ppp</p>
<div id="test"><h2>hhh</h2></div>
<p>ppp</p>
<h2>hhh</h2>
<p>ppp</p>
모든 단락을 찾아 끝에 텍스트
'!'를 추가한 다음, 찾은 단락에
h2
제목을 추가해 봅시다.
단, 요소
#test 내부에 있는 것만 해당하며,
동시에 선택된 제목과 단락에 빨간색을 설정합니다:
$('p').append('!').add('#test h2').css('color', 'red');
클래스가
www인 모든 단락
p를 찾아 시작 부분에 텍스트
'!'를, 끝 부분에 텍스트
'!!'를 추가한 다음,
이 단락에 제목
h2를 추가하고 이 단락과 제목을
빨간색으로 칠하세요.
