Как сделать нумерацию дивов через jquery?

Question

[d3_dx]

Есть какое-то количество блоков

<div class="box">Тут должна быть нумерация </div>
<div class="box">Тут должна быть нумерация </div>
<div class="box">Тут должна быть нумерация </div>
<div class="box">Тут должна быть нумерация </div>
<div class="box">Тут должна быть нумерация </div>

Нужно при помощи jquery дать этим блокам нумерацию от 1 до 5. Текстом естественно. Как это реализовать?

Comments

[WapSter]

воспользоваться циклом

Answer 1

[Анатолий]

$('div.box').each(function(i,elem) {
  $(elem).text(i+1);
});

Comments

[d3_dx]

То, что нужно, только один момент. А если не 1, 2, 3, 4, 5. А 01, 02, 03 и т.д. Что дописать в Вашем варианте?

[Анатолий]

d3_dx,

$('div.box').each(function(i,elem) {
  v = i+1;
  v = '0'+v; // делайте с переменной что хотите :)
  $(elem).text(v);
});

[d3_dx]

Анатолий, как все просто. Спасибо большое)

Answer 2

[Stalker_RED]

Почему бы не использовать обычный нумерованый список?


Если это не подходит, опишите подробнее что вы хотите сделать.

Comments

[d3_dx]

Есть слайдер, а в нем есть точки для переключения изображений. Они реализованы в плагине кнопками, мне просто нужно их поменять на цифры. Поэтому нужно было циклом перебрать цифры (если это так называется)