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

时间:2013-04-19 09:54:53

标签: javascript jquery ajax

我想获得用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的基础知识。我真的可以获得动态生成的元素的属性吗?如果没有,是否有任何解决方法?

1 个答案:

答案 0 :(得分: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