jquery에서 요소와 그 자식을 선택하는 방법은 무엇입니까?

Question

div에 div가 더 포함되어 있습니다.이 div에는 내부적으로 table/div가 포함되어 있습니다. jquery에서이 상위 div와 하위 항목을 어떻게 선택합니까? 부모 DIV 클래스 "AccordionTitle AccordionTitle-selected"

내가 시도

var klo=$(".AccordionTitle.AccordionTitle-selected").contents()

및

var klo=$(".AccordionTitle.AccordionTitle-selected").children().clone() 

다음을 가지고 있지만 그것은 단지 부모 DIV를 선택하고 그 children.Its는 깊은 않을 루트입니다. jquery 1.9.0을 사용하고 있습니다.

감사합니다.

Answer 1

구분 기호를 여러 개 선택하려면 , 구분 기호를 사용할 수 있습니다. 이 같은 것이해야합니다.

var klo=$(".AccordionTitle.AccordionTitle-selected, .AccordionTitle.AccordionTitle-selected > *") 

이는 요소 자체뿐만 아니라 바로 DOM 트리에서 요소 자체 아래 요소를 선택합니다.

자식 요소 및도 찾을 수있는 해결책을 찾고 있다면 이와 같은 작업을 수행 할 수 있습니다.

var klo=$(".AccordionTitle.AccordionTitle-selected, .AccordionTitle.AccordionTitle-selected *") 

원칙은 아동 권리 원래 노드 아래에 수 같은, 단지 지금은 생략 한 > 연산자입니다.

Answer 2

var klo = $(".your.classes, .your.classes div"); 

Answer 3

당신은 선택에 다시 부모를 추가 한 후, 모든 하위 요소를 선택 addBack을 find('*')을 사용할 수 있습니다 .addBack()

var klo=$(".AccordionTitle.AccordionTitle-selected").children().addBack() 

Answer 4

보십시오. 복제본이 원하는 변수 인 경우 끝에 clone을 포함 시켰습니다.

var klo=$(".AccordionTitle.AccordionTitle-selected").find('*').addBack().clone(); 

Answer 5

사용 find() 대신

children():children()의 단지 하나의 후손 아이를 검색합니다.

find("*"): 모든 하위 요소를 검색합니다.

*: 범용 셀렉터.

var klo=$(".AccordionTitle.AccordionTitle-selected").find('*');