如何为每个嵌套div添加相同的顺序类？

Question

我有三个div与类.outer，每个div包含1-3个其他div与类.inner。我希望将类.inner0添加到第一个.outer div中的.inner div，将类.inner1添加到第二个.outer div中的.inner div，依此类推。

这就是我所拥有的：

$.each($('.outer'), function(index) {
    $('.inner').addClass("inner" + index);
});

这会将.inner0，.inner1和.inner2作为类添加到页面上的每个.inner div。我应该做些什么？

Answer 1

您需要获取所选.inner内的.outer。您可以在下面的第二个arg中使用context来选择所选inner内的outer，

$.each($('.outer'), function(index) {
    $('.inner', this).addClass("inner" + index);
    //equivalent to $(this).find('.inner').addClass('inner' + index);
});