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

Question

  

可能重复：
  Jquery: Selection within a selection

考虑以下代码：

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/

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

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

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

Answer 1

在您的代码.test中是根级别元素。因此，您应该使用.filter而不是.find。 .find适用于后代。

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