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)를 반환한다.

results matching ""

    No results matching ""