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

Question

我有三个 .outer 类的 div，每个 div 都包含 1-3 个其他 .inner 类的 div。我希望将 .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

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

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