addBack() 예제
<style> .hz { padding: 5px; border: 1px solid red; } </style> <script src="//code.jquery.com/jquery-3.3.1.min.js"></script> <script> $( document ).ready( function() { $( 'div' ).find( 'h2.domain' ).addBack().addClass( 'hz' ); } ); </script> <div> <h1>홈짱닷컴</h1> <h2 class="domain">Homzzang.com</h2> <p>홈페이지 제작 강의</p> </div> 결과 보기
<style>
.hz {
padding: 5px;
border: 1px solid red;
}
</style>
<script src="//code.jquery.com/jquery-3.3.1.min.js"></script>
<script>
$( document ).ready( function() {
$( 'div' ).find( 'h2.domain' ).addBack().addClass( 'hz' );
} );
</script>
<div>
<h1>홈짱닷컴</h1>
<h2 class="domain">Homzzang.com</h2>
<p>홈페이지 제작 강의</p>
</div>
결과 보기
addBack() 정의
이전 요소 집합을 현재 요소 집합에 추가 위 예제 경우,class="domain"인 h2 요소를 찾고, 그 이전의 div 요소를 추가로 찾아, 두 요소에 대해 hz 클래스 추가
이전 요소 집합을 현재 요소 집합에 추가
위 예제 경우,class="domain"인 h2 요소를 찾고, 그 이전의 div 요소를 추가로 찾아, 두 요소에 대해 hz 클래스 추가
addBack() 구문
이전요소집합.현재요소집합.addBack(selector) [매개변수] selector선택자 : 이전 요소 집합 중 특정 요소를 선택
이전요소집합.현재요소집합.addBack(selector)
[매개변수]
selector선택자 : 이전 요소 집합 중 특정 요소를 선택