Поиск div по имени класса

Question

Я пытаюсь выяснить, как найти идентификатор конкретного div по имени класса, и я не уверен, почему мой код не показывает идентификатор целевого div в консоли (firebug). Я был бы очень признателен за любую помощь.

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, из которых их нет.

Вы можете просто использовать выбор Jquery сделать то же самое, не ограничивая поиск в дочерних элементов кнопочного элемента:

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

Если вы хотите использовать .find то вам нужно использовать родительский элемент, который содержит divs, который вы хотите найти ...