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

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

以下是我所拥有的：

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

---

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

您需要获取所选

.outer

中的

.inner

。您可以在下面的第二个参数中使用

上下文

，在所选的

外部

内部选择

内部

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