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

Javascript 动态创建的元素-如何创建适当的选择器和访问顶部对象,javascript,jquery,Javascript,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'

可能重复:

考虑以下代码:

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:

如何使用jQuery访问元素

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

我知道我可以为div创建包装器,但我确实希望避免它。

在您的代码中。test是根级别的元素。因此,您应该使用.filter而不是.find。寻找是为了后代

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

尝试将其附加到主体,然后应用css属性。。。jQuery文档相当不错,只需浏览一次就可以节省您以后的大量时间。@AustinBrunkHost请注意,我想访问。在文档中使用元素之前先测试它们。@FelixKling就是这样,谢谢。我对过滤方法很熟悉,但没有想到要使用它!再次感谢