Сдвинуть каждый последующий блок на +px?

Question

[MegaPuxapb]

Как сдвинуть каждый .test_block на +100px
То есть,
- 1ый на 100,
- 2ой на 200,
- 3ий на 300px.
https://jsfiddle.net/xpycm789/h9apr4qo/5/

Answer 1

[Stalker_RED]

Ошибок основных две:
1. код запускался еще до загрузки элементов, не мог их найти, и не делал ничего
и даже после исправления
2. вы всем блокам задавали одинаковое значение.

Вот так получше?

Comments

[MegaPuxapb]

спасибо!)

Answer 2

[0xD34F]

Кого, что и как:

const selector = '.test_wr .test_block';
const propName = 'top';
const getVal = i => `${i * 100}px`;

Вот так всё просто получается:

$(selector).css(propName, getVal);

// или

document.querySelectorAll(selector).forEach((n, i) => {
  n.style[propName] = getVal(i);
});