如何爲每個嵌套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格。我應該做什麼不同？

Answer 1

你需要得到.inner屬於所選.outer內。你可以使用context在第二ARG像下面選擇選擇outer內inner，

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