Как присвоить одинаковым div разные классы (jQuery)?

Question

[triowinner]

Здравствуйте, уважаемые гуру программирования и великие хакеры всея Руси.

Столкнулся с такой проблемой - в HTML верстке, которую нельзя изменить, в блоке "forum" находится несколько table, которые не имеют своего класса. Вопрос заключается в том, как заставить скрипт присвоить всем table класс ".class" + номер table.
Пример:

<div class="forum">
<table class="class1"></table>
<table class="class2"></table>
<table class="class3"></table>
<table class="class4"></table>
и т.д.
</div>

Мне нужно одинаковым table присвоить класс с нумерацией самих же table.

Answer 1

[alvvi]

Array.prototype.slice.call( document.querySelectorAll('table') ).forEach(function(table, i) {
  table.classList.add('class'+i);
});

UPD: Ой, не заметил что jquery

$('table').each(function(i,table) {
  $(table).addClass('class'+i);
});

Comments

[triowinner]

Илья Ростопка, просто супер) Огромное спасибо!
Не могу понять, почему (i) выступает в роли цифры?

[Алексей Скляров]

triowinner, потому что она передается в качестве параметра функции. В each() это работает как считалка.

[triowinner]

Алексей Скляров, теперь уже сам понял. Спасибо, надо будет подробно изучить .each()
Всего доброго!

[alvvi]

triowinner, это индекс, он автоматически передается в методы типа forEach, each и т.д.
кстати, он начинается с 0, если вам нужно можете +1 прибавить.

[Bhudh]

И главное, помнить, что в forEach и each аргументы идут в разном порядке.