jquery - нумерация элементов, строк

Пронумеровать блоки, элементы, строки таблиц на jquery.

Пример с блоками разной степени вложенности (по классу)

<div>

	<div class="num">
		первый
	</div>

	<div class="num">
		Второй
	</div>

	<div class="num">
		третий
	</div>

</div>

<div>
	<div>
	
		<div class="num">
			четвёртый
		</div>

		<div class="num">
			пятый
		</div>

		<div class="num">
			шестой
		</div>

	</div>
</div>

<script>
$('.num').each(function(i) {
    var number = i + 1;
    $(this).prepend(number);
});
</script>

Пример нумерации строк таблицы:

<table>
<tr>
    <td></td>
    <td>Row</td>
</tr>
<tr>
    <td></td>
    <td>Row</td>
</tr>
<tr>
    <td></td>
    <td>Row</td>
</tr>
<tr>
    <td></td>
    <td>Row</td>
</tr>
</table>

<script>
$('table tr').each(function(i) {
    var number = i + 1;
    $(this).find('td:first').text(number);
});
</script>

 

Ссылки и благодарности

Взято на javascript.ru