클래스 이름으로 div 찾기

Question

클래스 이름으로 특정 div의 ID를 찾는 방법을 알아 내려고하고 있는데, 내 코드가 콘솔에서 대상 div의 ID를 밝히지 않는 이유가 확실하지 않습니다 (방화 광). 어떤 도움을 주시면 감사하겠습니다.

Html 
<button id="button">press</button> 
<div class="div_1" id="1"></div> 
<div class="div_2" id="2a"></div> 

JQuery 
$(document).ready(function() { 
    $('#button').click(function() { 
    var test= $(this).find('.div_2').attr('id'); 
    console.log(test) 
}); 
    }); 

Answer 1

.find()은 호출 선택의 자손을 검색합니다.

귀하의 경우에는 버튼 클릭만으로 $(this)에서 전화 할 수 있습니다. 따라서 버튼 요소의 하위 요소 인 div_2이없는 요소를 찾습니다. 당신은 당신이를 사용해야 할 것 .find를 사용하려면

$(".div_2*").Attributes("id"); 

:

당신은 단순히 버튼 요소의 자식 요소로 검색을 제한없이 같은 일을 JQuery와 선택을 사용할 수 있습니다 부모 요소는 에을 포함하고 있습니다.