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

Question

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

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

这里 AJAX 返回的 data 是这样的:

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

我检查了 Chrome 的“Inspect Element”，似乎 #my_div 已生成并附加到 #layout。但是当我用

打印 #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