본문 바로가기
2019/jQuery

jQuery find와 filter

by SOLYI 2019. 12. 11.

  • find()  : 현재 요소 집합의 자식요소에서 해당 조건의 요소를 찾음
  • filter() : 현재 요소 집합에서 해당 조건의 요소를 찾음

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
//find:children값을 찾아주는것
  //  $('p .middle)
  //  p태그에 직접 혹은 간접으로 middle인 클래스를 찾아라!
let data1=$('p').find('.middle');
 
//filter:걸러주는것
//  $('p.middle')
//  p태그 이면서 middle클래스를 가지고 있는것
$(document).ready(function(){
let data2=$('p')
     .css('border','1px solid black')
     .filter('.middle').css('background-color','skyblue');
 
console.log(data1);  //
console.log(data2);  //
 
반응형