Как при клике по HTML элементу вернуть это позицию в массиве или класс?

Question

[ApolloBear]

Расскажу вкратце о чем идет речь.
Есть текст с тегами p, ul в одном div.
Я пытаюсь сделать добавляемый якорь через javascript, чтобы при выделении текста (или клике по элементу DOM) можно нажать на кнопку и к этому тегу (p или ul) добалялся якорь. Подскажите как это реализовать.

Answer 1

[Даниил Сугоняев]

Что-то подобное? https://jsfiddle.net/7a59crur/
При клике на текст добавляется id, который можно использовать как якорь, при следующем клике якорь сменяется.
Для наглядности раскрасил добавление

Comments

[ApolloBear]

Да вот примерно что то такого типа, но есть ли пример без jQuery так как я в нем не разбираюсь.

[Даниил Сугоняев]

ApolloBear, А в нативном js вы разберетесь? Могу переписать, вам именно в таком варианте функционал подходит?

[ApolloBear]

Даниил Сугоняев, Да в обычном js было бы замечательно, заранее спасибо.

[Даниил Сугоняев]

ApolloBear, Переписал
https://jsfiddle.net/pr3vLupv/

[Даниил Сугоняев]

ApolloBear, если я помог вам, то отметьте решением

[ApolloBear]

Даниил Сугоняев, С превиликим удовольствием) спасибо большое за ответ.

[ApolloBear]

Даниил Сугоняев, Последний вопрос, почему вы используте "let" при поиске классов, а не "var"?

[Даниил Сугоняев]

ApolloBear, 'let' это стандарт es6, который призван заменить var. Но если предпочитаете старый стандарт, он тоже работает