动态创建的元素 - 如何使适当的选择器和访问顶级对象

Question

可能重复:
Jquery:选择内的选择

考虑以下代码:

var $el = $('<div class="test"><div>Foor</div></div><div class="test"><div>Bar</div></div><div class="other">Leave it!</div>');

// won't work
$el.find('div.test').css('color','red');

$('body').append($el);

的jsfiddle:

• http://jsfiddle.net/bVJkR/2/

如何<div class="test">使用jQuery 访问元素？

请注意我想.test在文档中使用元素之前访问它们.

我知道我可以为div创建包装器,但我真的想避免它.

Answer 1

在您的代码中.test是根级元素.因此,你应该使用.filter没有.find..find是为了后代.

$el.filter('.test').css('color','red');