find()jquery访问多个元素

Question

我想使用find()jquery函数访问我的文档的多个元素.

我打电话的时候

$(document).find('.myclass')

我得到了所有元素,但我怎么能专门访问它们？

我的意思是,如果我想像这样编辑列表的第一个元素

$(document).find('.myclass')[0].css('top', '20px');

它不起作用,因为它只是代码,而不是对象..

具体编辑find()返回的一个对象的最佳方法是什么？

Answer 1

使用时访问项目时[idx],您将返回DOM对象,而不是jQuery对象.如果要访问by索引并仍然具有jQuery对象,可以使用.eq():

$(document).find('.myclass').eq(0).css('top', '20px');

因为索引0是第一个元素,如果这就是你想要的,你也可以使用.first():

$(document).find('.myclass').first()

要么

$(document).find('.myclass:first')

您还可以使用.each()以下方法迭代它们:

$(document).find('.myclass').each(function() {
    console.log(this); //logs current item (the element, not a jQuery object)
});