each()方法中的jQuery选择器

让我们说我有一个看起来像这样的HTML:

1
2
3
4

使用$('.aaa span')我可以选择所有span元素。
使用$('.aaa').each()我可以迭代div元素。
我的问题是如何从每个函数内部选择​​每个div中的跨度,如:

 $('.aaa').each(function(index, obj){ x = selector_based_on_obj // x equal to the current div`s span }) 

最简单的方法是,如果你想要所有的元素

 $('.aaa span'); 

jquery可以像css一样嵌套选择器。 另外,如果由于某种原因你需要循环

 $('.aaa').each(function(){ x = $(this).find('span'); }); 

将x设置为jquery对象的元素。

$(obj).find('span')应该可以解决问题。

 $('.aaa').each(function() { var x = $('span', this); }); 
 $('.aaa').each(function(index, obj){ var x = $(this).find('span'); $(x).doSomething(); }) 

或者更重要的是:

 $('.aaa').each(function(index, obj){ $(this).find('span').doSomething(); }) 

如果这是您的实际标记,您可以轻松使用本机属性firstChild

 $('.aaa').each(function(){ var x = this.firstChild }); 

这是一个受到广泛支持的财产。