jQuery 필터링
기본 필터링 메소드
.filter()
jQuery 선택자에 나왔던 선택자에서 element 뺀걸 저 괄호 안에 쳐넣을때 쓰는 방법이다.
<h3>header-0</h3>
<h3>header-1</h3>
<h3>header-2</h3>
<h3>header-3</h3>
<h3>header-4</h3>
$(document).ready(function() {
$('h3').filter(':even').css({
'color' : 'white',
'background-color', 'red'
});
});
탐색 종료
.end()
말보다 코드를 먼저 보자. 아까 썼던 HTML 코드에 jQuery만 바꿔끼면.
$(document).ready(function() {
$('h3').css('background-color', 'red')
.filter(':even').css('color', 'white').end()
.filter(':odd' ).css('color', 'cyan');
});
end() 함수가 없이 그냥 실행하면 $('h3').filter(':even')에 대해서 filter(':odd')를 잡게 되는데, 우리가 원하는건 $('h3')만 잡는거다. 그래서 end()를 쓴다.
end()를 쓰면 이전 작업에서 선택한 객체(여기서는 h3)를 반환한다.