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

Question

我有 3 个 .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

您需要获取所选 .outer 内的 .inner。您可以在第二个参数中使用context(如下所示)来选择所选outer内的inner，

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