each()方法中的jQuery选择器

Ili*_*iev 8 jquery jquery-selectors

让我们说我有一个看起来像这样的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>
Run Code Online (Sandbox Code Playgroud)

随着$('.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
})
Run Code Online (Sandbox Code Playgroud)

Jer*_* B. 14

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

$('.aaa span');
Run Code Online (Sandbox Code Playgroud)

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

$('.aaa').each(function(){
    x = $(this).find('span');
});
Run Code Online (Sandbox Code Playgroud)

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

  • 我遵循了这个例子,我不确定 Illian 是否打算创建一个全局变量,所以我只是重复了他的场景以免增加混乱。 (2认同)