특정 div에서 모든 하위 요소를 얻는 방법

Question

jQuery로 작업 중이며 특정 하위 요소를 모두 div에서 가져와야합니다. 여기

<div class="div1"> 

<fieldset> 
<table> 
<tr> 
<td><fieldset><table><tr><td><div class="childclass"> 2</td> 
<td><fieldset><table><tr><td><div class="childclass"> 4</td> 
<td><fieldset><table><tr><td><div class="childclass"> 3</td> 
</tr></table> 
</fieldset> 
</td> 
</tr> 
</table> 
</fieldset> 
</div> 

그리고 자식 요소를 가져 오는 내 코드는 다음과 같습니다 : 여기 내 HTML입니다

function gettingid() { 
      $('.div1').children('.childclass').each(function() { 
       alert(this.text()); 
      }); 
     } 

이 뭔가 잘못이지만, 내가 무엇을 알고하지 않습니다.

Answer 1

.find()뿐만 아니라 (등 손자) 하위 요소를 선택하는 여러 단계를 통과 할 수있는 동안 .children()있어서 그 .children()에 .find() 상이

$('.div1').find('.childclass').each(function() { 
      alert($(this).text()); 
     }); 

단지 DOM 트리 아래 단일 레벨 이동 find() 사용 .

Answer 2

// 위와 같이 find를 사용할 수 있습니다. 또는 다른 현명한이 작품을 생각합니다.

<script> 

    function gettingid() { 
     $('.div1 .childclass').children('.childclass').each(function() { 
      alert(this.text()); 
     }); 
    } 
</script>