본문 바로가기

Local Oriented/jQuery

jQuery find() 와 filter() 차이

http://happyyhj.blog.me/127418663

http://www.cyworld.com/stoneberg/5520754


쉽게 말해서,

$('A').find('B') 와 $('A').filter('B') 의 차이는..

find() 는 A 안에 담긴 DOM 구조를 살피는 것이라서 A 자체는 제외되는 것이고,

filter() 는 A 자체에서 B 요소를 찾는 것.


<tagA class="class1"><tagB class="class1">...</tabB>...</tagA> 라고 했을때,

$('tagA').find('.class1') 은 tabB 의 DOM 구조배열을 가리키고,

$('tagA').filter('.calss1') 은 tagA 의 DOM 구조배열을 가리킨다.

DOM 구조배열이라고 명명한 것은, DOM 구조인데 이것이 배열형태를 띄고 있기 때문.


아래 HTML 이 주어질 때, $('tagA').find('.class1') 와 $('tagA').filter('.calss1') 를 구분해 보시길..

<tagA>

  <tagB class="class1">...</tagB>

  ...

</tagA>

<tagA class="class1">

  <tagB class="class1">...</tagB>

  ...

</tagA>