2009-11-17 7 views
0

I 다음 예제 HTML이 : 나는 내부 DIV 얻기 위해 다음 코드를 사용하고JavaScript를 사용하여 요소 내부 요소를 반환하는 방법은 무엇입니까?

<div id="target"> 
<div id="targetText"></div> 
</div> 

: 나는 내부의 ID를 삭제할 수 있다면 대신

$('#targetText'); 

, 나는 궁금 해서요 요소와 어쨌든 # 목표의 자식과 일치합니까?

나는 수백 명의 내면의 아이들을 가지고 있기 때문에, 그들 각각에게 이드를 넣는 것은 의미가 없다. 나는 $ ("# target")과 같은 것을 할 수있다. innerChild (5); 또는 뭔가. 누구든지이 일을하는 좋은 방법을 알고 있습니까? 이처럼

+1

사용중인 자바 스크립트 프레임 워크를 알려 주실 수 있습니까? –

+0

@ gabriel1836 - +1, 그 이유 중 하나는 내가 $ 함수가 싫어. – Quentin

+0

아, 죄송합니다. 나는 jQuery를 사용하고있다. – Tower

답변

3
$("#target > div:eq(0)") //matches the first div child of #target 
$("#target > div:eq(4)") //matches the fifth div child of #target 
+0

완벽하게 작동합니다. 문법을 설명하는 데주의해야합니까? 이 문서화 된 곳 (이 jQuery 또는 ECMAScript)은 무엇입니까? – Tower

+0

@Kaitsuli'>'는'# target' 엘리먼트의 직접적인 자식만을 선택하고,'div'는 그 자식들을 div 만 선택하도록 제한합니다. 마지막으로': eq (0)'을 사용하여 그 결과 집합에서 첫 번째 항목 (0부터 시작하는 인덱스)을 선택합니다. –

+0

@Kaitsuli : Q # 1 구문은 이미 dcneiner에서 설명했습니다. Q # 2 이것은 jQuery이며 http://docs.jquery.com/Selectors 섹션의 jQuery 설명서에 설명되어 있습니다. – jitter

1

:

$('#target > :eq(5)') 

// or 

$('#target').children().eq(5) 
0
#target div 

당신이

#target div:nth-of-type(5) 

가의 자식 다섯 번째 DIV 일치합니다 일치하지 않는 다른 div의가없는 한 목표. 하지만 선택자는 limited browser support입니다.

관련 문제