전체 글 (229) 썸네일형 리스트형 [제이쿼리] 전체 형(이전) / 동생(다음) 요소 선택자 전체 형 요소 선택자는 선택한 요소를 기준으로 이전에 오는 전체 형제 요소를 선택한다. 그리고 전체 동생 요소 선택자는 선택한 요소를 기준으로 다음에 오는 전체 형제 요소를 선택한다. 기본형 : $("요소 선택").prevAll(), $("요소 선택").nextAll() 예제. class 값이 txt인 요소를 기준으로 이전에 오는 형제 요소와 다음에 오는 형제 요소를 확인하자 wrap밖 인접 관계 선택자 내용1 내용2 내용3 내용4 결과 [제이쿼리] 형(이전) / 동생(다음) 요소 선택자 형 요소 선택자는 선택한 요소를 기준으로 바로 이전 형제 요소만 선택한다. 그리고 동생 요소 선택자는 선택한 요소를 기준으로 바로 다음 형제만 선택한다. 기본형 $("요소 선택").prev() : 선택한 요소를 기준으로 이전에 오는 형제 요소만 선택한다. $("요소 선택").next() : 선택한 요소를 기준으로 다음에 오는 형제 요소만 선택한다. $("요소 선택1 + 요소 선택2") : 선택한 요소를(요소 선택1) 기준으로 바로 다음에 오는 선택한 요소(요소 선택2)만 선택한다. 다음은 문단 태그 영역에 형 요소 선택자와 동생 요소 선택자를 적용한 예제이다. class 값이 txt인 요소를 기준으로 이전 형제 요소(내용1)와 다음 형제 요소(내용3), 다음 다음 형제 요소(내용4)를 선택한다. 인접 관.. 인접 관계 선택자 인접 관계 선택자는 직접 선택자로 요소를 먼저 선택하고 그 다음 선택한 요소와 가까이에 있는(이전과 다음 요소) 요소를 선택할 때 사용한다. 인접 관계 선택자를 자유자재로 사용하려면 문서 객체 구조와 관계를 잘 이해하고 있어야 한다. a는 c의 상위(closest) 요소 c는 a의 하위 요소 b는 c의 부모(parent) 요소 c는 b의 자식(children) 요소 d는 e의 형(prev) 요소 f는 e의 동생(next) 요소 다음은 동생 요소 선택자인 next() 함수를 사용하여 의 동생 요소인 내용1를 선택한 다음 글자색을 초록색으로 적용한다. $("h2").next().css("color", "green") 다음은 부모 요소 선택자인 parent() 함수를 사용하여 의 부모 요소인 을 선택한 다음 .. 이전 1 ··· 69 70 71 72 73 74 75 ··· 77 다음
