q jQuery

[Traversing] JQ - closest() 메서드 ★ - 선택요소 첫번째 조상 반환 (= 최근접 지정 조상요소 선택 = closest메서드 = 클로우서스트메서드|클로우세스트메서드|클로우시스트메서드)

홈짱 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물

쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물

1,999

검색목록 목록 글쓰기

closest() 예제 - 최근접 조상 ul 요소

closest() 정의

closest() / parents() 차이점

closest() 예제 - 최근접 조상 ul 요소

[예제] body > div > ul > ul > li > span 구조 경우

$(document).ready(function(){

$("span").closest("ul").css({"color": "red", "border": "2px solid red"});

});

</script>

결과 보기

closest() 정의

현재 요소의 지정 요소 첫 번째 조상 찾기.

1.
closest("요소") 경우, 현재 요소 포함해 가장 첫번째 조상 요소 반환.
만약, 일치하는 요소가 자기 자신뿐이면, 자기 자신을 결과값으로 반환.

2.
현재 요소에서 시작해 문서 루트 요소인 <html> 요소까지 거슬러 올라가 찾음.

3.
DOM 트리 따라 이동한다는 점에서 parents() 메서드와 유사하나 약간 차이 있음.

cf.

parent() 메서드

선택 요소의 직접 부모 요소 반환

parentsUntil() 메서드

주어진 요소 사이의 모든 부모 조상 요소 반환

closest() / parents() 차이점

closest () 메서드

현재 요소에서 시작

DOM 트리 이동해 일치하는 첫번째 조상만 반환.

반환된 jQuery 객체는 0 개 또는 하나.

parents() 메서드

부모 요소에서 시작.

DOM 트리 따라 이동해 일치하는 모든 조상 반환.

반환 된 jQuery 객체는 0 개 또는 하나 이상.

jQuery 관련글

코딩동강 관련글

PHP 26강 - 상속 (override와 parent)

HTML 관련글

CSS 관련글

CSS - 부모요소 안 자식요소 너비를 부모요소 밖으로 화면너비 100% 채우기. (= 부모이탈자식너비전체설정 = 가로전체 = 가로꽉차게 =화면꽉차게 = parent, child, width)

JavaScript 관련글

PHP 관련글

SQL 관련글

Bootstrap 3 관련글

코멘트입력

검색목록 목록 글쓰기


분류	제목



ETC	JQ - eq() vs. get() 메서드 차이

ETC	JQ - resizable() 메서드 - 요소 크기 재조정 (= 사이즈 변경 가능 = resizable메서드…

ETC	JQ - (JavaScript / jQuery) 추천 JS 라이브러리 [2레벨]

ETC	JQ - (영문 년월일 → 숫자 년월일) 날짜시간 표기 변환.

ETC	JQ - FAQ (자주묻는질문) 아코디언 메뉴

ETC	JQ - 자식요소 너비를 부모요소 너비로 설정. (= 너버를 부모요소에 꽉차게 설정.)

ETC	JQ - 요소 순서 랜덤 배치/정렬. ★★★★★

ETC	JQ - fakeLoader(페이크로더) 효과 + 이미지 랜덤 인트로 페이지

ETC	JQ - <li> 높이를 LI 요소 중 최대높이에 맞추기 설정 (= 가장 긴/높은 높이에 맞추기 = 높이 정…

ETC	JQ - Uncaught TypeError: Cannot read properties of undefined…

bookmark	JQ - 실렉트 리스트간 아이템 선택/해제 (추가/삭제/이동) (Move Items Between Two S…

jquery	JQ - (1초/0.5초)이상 마우스버튼 누르고 있으면 숫자 증가 (= 마우스 클릭하고 있으면 숫자 증가 =…

jquery	JQ - 콘텐츠를 일정 높이 기준으로 페이징 처리 (= 본문 내용을 일정 높이 단위로 페이지 처리) ※ 이전…

jquery	JQ - <textarea> (텍스트에어리어) 입력 가능 최대 길이 설정 (= 글자수 카운트)

jquery	JQ - 스크롤 시 비디오 동영상 자동재생 시작 (Scroll Video Autoplay)

jquery	JQ - 동영상 제어 메서드 종류 - load(), play(), pause()

basic	JQ - 쿠키 (Cookie) 사용법 - 생성/얻기/삭제

jquery	JQ - $.fn (= jQuery.fn) 확장 - 사용자정의메서드 생성

jquery	JQ - 모든 링크 주소를 특정 URL주소로 일괄 변경

jquery	JQ - 입력된 값만 보이기 (= 입력값만 표시 = 입력값 없는 요소 숨기기)

15/15

[Traversing] JQ - closest() 메서드 ★ - 선택요소 첫번째 조상 반환 (= 최근접 지정 조상요소 선택 = closest메서드 = 클로우서스트메서드|클로우세스트메서드|클로우시스트메서드)

closest() 예제 - 최근접 조상 ul 요소

closest() 정의

closest() / parents() 차이점

closest () 메서드

parents() 메서드

jQuery 관련글

코딩동강 관련글

HTML 관련글

CSS 관련글

JavaScript 관련글

PHP 관련글

SQL 관련글

Bootstrap 3 관련글

공지사항

최신글

최신댓글

운영비 후원해주신 분 리스트