Как правильно сделать автоматическую расстановку id?

Question

[Сергей]

Как с помощью js расставить идентификаторы заголовкам на странице? Например, так id будут расставлены по порядку размещения заголовков в тексте:

$(':header').attr('id', function(i) {
  return 'header-' + i;
});

Как модифицировать скрипт, принимая во внимание иерархию заголовков (так же, как делают нумерацию css-счётчики при создании вложенных списков)?

Answer 1

[Ihor Bratukh]

$(':header').attr('id', function (index) {
    const level = this.tagName.replace(/^\D+/g, '');
    return `header-${level}-${index}`;
});