Получить атрибуты div, динамически сгенерированные с помощью AJAX

Question

Я хотел бы получить атрибуты div, динамически сгенерированные с помощью AJAX. Вот что я пытался:

$.getJSON('/json/layout', function(data) { 
    $('#layout').append(data); 
}); 

Здесь data возвращение AJAX это что-то вроде:

<div id="my_div" name="my_name"></div> 

Я проверил с Хрома «Осмотрите элемент» и, кажется, #my_div был создан и добавлен к #layout. Но когда я печатаю имя #my_div с

console.log($('#my_div').attr('name')); 

Я получил undefined в консоли. Я новичок в javascript, поэтому не знаком с основами JS и AJAX. Могу ли я получить атрибуты элемента, который динамически генерируется? Если нет, есть ли способ обхода этого?

Answer 1

Попробуйте это:

$(data).attr('name') 

EDIT:

$.getJSON('/json/layout', function(data) { 
    $('#layout').append(data); 
    console.log($('#my_div').attr('name')); // will log result 
    console.log($(data).attr('name')); // same 
}); 

console.log($('#my_div').attr('name')); // will log undefined