javascript - 获取使用 AJAX 动态生成的 div 的属性

Question

我想获取使用 AJAX 动态生成的 div 的属性。这是我尝试过的：

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

这里dataAJAX 的返回类似于：

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

我检查了 Chrome 的“检查元素”，似乎#my_div已生成并附加到#layout. 但是当我打印 with 的名字#my_div时

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

我进入undefined控制台。我是 javascript 新手，所以不熟悉 JS 和 AJAX 的基础知识。我真的可以得到动态生成的元素的属性吗？如果没有，是否有任何解决方法？

Answer 1

试试这个：

$(data).attr('name')

编辑：

$.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