javascript - 动态创建的元素 - 如何制作正确的选择器和访问顶级对象

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中是一个根级元素。因此，您应该使用.filternot .find。.find是给后代的。

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