Как добавить один и тот же последовательный класс для каждого вложенного div?

Question

Как добавить один и тот же последовательный класс для каждого вложенного div?

0

У меня есть три div с классом.outer, и каждый из этих divs содержит 1-3 других div с классом.inner. Я хочу, чтобы класс.inner0 был добавлен в.inner div в первом.outer div, класс.inner1 добавляется в.inner divs во втором.outer div и так далее.

Вот что я имею:

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

Это добавляет.inner0,.inner1 и.inner2 как классы для каждого отдельного.inner div на странице. Что я должен делать по-другому?

Pixel 23 окт. 2013, в 22:28

Источник

Теги:

javascript

jquery

html

each

1 ответ

Ещё вопросы

Selvakumar Arumugam · Accepted Answer · 2013-10-23T16-48-00.000Z

Вы должны получить .inner которые находятся внутри выбранного .outer. Вы можете использовать context во втором arg, как показано ниже, чтобы выбрать inner внутреннюю выделенную outer,

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