선택한 요소의 조상요소를 찾을때 closest()메서드를 사용closest() 메서드는 DOM 트리를 위로 탐색하면서 가장 가까운 조상 요소를 찾음 Click Me $(".btn").click(function() { var parent = $(this).closest(".parent"); console.log(parent); // 요소를 출력 var child = parent.find(".child"); console.log(child); // 요소를 출력});
Study
+ 5/12 수정같은 문제가 발생했다. 아래와 같은 방법으로 문제를 해결했다.!! :) https://sujinpad.tistory.com/226 네트워크 연결은 되었다고 나오는데 브라우저를 사용 할 수가 없었다. 나는 HP노트북을 사용하고 있고, 네트워크 관련 문제를 구글링을 해보니,1. [잔류전원제거] 하기라고, USB를 포함한 연결된 모든 장치를 제거하고, 종료한다. 전원버튼을 20초 누른 후 재시작한다. > 해결되지 않았다. 2. 블루투스 연결 된 장치를 제거 한 후에 [잔류전원제거] 를 했다. > 해결되었다. 그럼 블루투스 장치의 문제인걸까? 구글링 해보니 wifi의 주파수 대역과 블루투스 주파수 대역이 충돌하면 문제가 생길 수 있다한다. * 일반적으로 블루투스는 2.5GHz 주파수 ..
xml 설정 logout-url : 로그아웃 URL logout-success-url : 로그아웃 성공시, 이동할 URL. (default: /login?logout) invalidate-session : 로그아웃 시, session을 무효화할 지 선택. (default: true)security:csrf disabled="false" (default: true) delete-cookies : 로그아웃 성공시, 삭제할 쿠키 이름 지정 success-handler-ref : 로그아웃 성공시, logout-success-url 이 아닌 핸들러로 리다이렉트(준비할거: 핸들러/ 빈설정) C..
Flex box CSS의 display속성 중 하나인 flex는 박스 레이아웃을 작성할때 사용된다. width나 height를 지정하지 않고, 간단하게 균형잡힌 배치가 가능하여 요소의 크기와 순서를 유연하게 배치할 수 있다. .flex_container { display: flex; } flexbox는 복수의 자식 요소인 flex item과 그 상위 부모 요소인 flex container로 구성된다. flex container 속성: flex-direction, flex-wrap, justify-content, align-items, align-content flex item 속성: flex, flex-grow, flex-shrink, flex-basis, order 필수 지정 속성 1. display ..
