jQuery:不能只选择附加的元素

Question

这是事件发生的事情:

$('div#pages').append($('<div class="page" id="test">...</div>'));

然后,在另一个事件上它失败了:

var page = $('div.page#test'); // returns empty array

我已经调试过,附加的html在追加后出现在文档结构中,但未能被选中.在浏览器控制台中执行相同操作非常有效
可能是什么问题呢？

Answer 1

使用.find() http://api.jquery.com/find

var page = $('div#pages').find('div.page#test');

Answer 2

您只需要使用live方法：

$('.element').live('click', function(){
   alert($(this).html());
});