each() 方法中的 jQuery 选择器

Question

假设我有一个如下所示的 HTML：

<div class="aaa"><span>1</span></div>
<div class="aaa"><span>2</span></div>
<div class="aaa"><span>3</span></div>
<div class="aaa"><span>4</span></div>

使用 $('.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
})

Answer 1

最简单的方法是这样，如果你希望所有元素

$('.aaa span');

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

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

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

Answer 2

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

Answer 3

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

Answer 4

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

或者更实用地说：

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

Answer 5

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

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

它是一个得到广泛支持的属性。