한 div에서 모든 하위 div id를 가져옵니다

Question

"test"div 하위의 모든 div ID는 어떻게 받습니까?

아래의 선택자는 "개"만 제공합니다. 예를 들어, "개", "고양이", "drig"를 가져와야합니다.

var all = $(".test div").attr("id"); 
$("div").text(all); 

<div class="test"> 
    <div id="dog"></div> 
    <div id="cat"></div> 
    <div id="drig"></div> 
</div> 

감사

Answer 1

은 #mouse 당신이 $(".test > div")에 선택을 변경해야보다 당신이 필요하지 않습니다 (그것은 child selector이다). 모두를 선택하려면 자손을 그대로 두십시오.

var all = $(".test > div").map(function() { 
    return this.id; 
}).get(); 

Answer 2

$(".test div").each(function() { 

    console.log($(this).attr("id")); 

}); 

example in JSBin

Answer 3

모든 div가 필요하면 .test에서

$('div.test div)

하지만 당신은

이있는 경우

<div class="test"> 
    <div id="dog"></div> 
    <div id="cat"></div> 
    <div id="drig"> 
      <div id="mouse"></div> 
    </div> 
</div> 

하고 요소의 모든 직계 후손을 의미하는 경우 $('div.test > div')

Answer 4

사용 여기이 오른쪽 요소를 선택,하지만 어떻게 얻을하는 방법을 설명합니다

var idArray = $("div.test > div").map(function(){ 
    return this.id; 
}).get(); 

Working demo