jQuery를 사용하여 요소의 직접적인 하위 항목 모두 가져 오기

Question

Helo,

왜이 기능이 작동하지 않습니까?

$('#someID>*'); 

#someID의 직접 하위 만 가져오고 싶습니다.

<div id="someID"> 
    <p><a/></p> 
    <div><p/></div> 
</div> 

는 첫 번째 <p>과 내부 <div> 반환해야합니다.

감사합니다.

Answer 1

여기에서 작동 중입니다. jsFiddle.

결과가 어떻게됩니까?

Answer 2

는하지 않지만 예 유효한 HTML 아니다 :

<div id="someID"> 
    <p><a></a></p> 
    <div><p></p></div> 
</div> 

체크 예에서 로그 :

http://jsfiddle.net/Q6ef6/1/

첫번째 출력 P, DIV초 하나 P , a

Answer 3

또 다른 방법은 $('#someID').children().

Answer 4

앵커 링크를 자동으로 닫을 수 없습니다.

이 예

잘 작동 : http://jsfiddle.net/wesbos/uBebv/

<div id="someID"> 
    <p><a></a></p> 
    <div><p/></div> 
</div> 

하고 올바르게 HTML 태그를 닫을 필요

$(function() { 
    console.log($('#someID>*')) 
}); 

Answer 5

합니다.

특히 닫는 태그는 <a> element is required 인 반면 optional for the <p> element입니다. 공식 html4 사양을 참조하십시오.

체크 this fiddle.