Как при клике по HTML элементу вернуть это позицию в массиве или класс?
Расскажу вкратце о чем идет речь.
Есть текст с тегами p, ul в одном div.
Я пытаюсь сделать добавляемый якорь через javascript, чтобы при выделении текста (или клике по элементу DOM) можно нажать на кнопку и к этому тегу (p или ul) добалялся якорь. Подскажите как это реализовать.
Что-то подобное? https://jsfiddle.net/7a59crur/
При клике на текст добавляется id, который можно использовать как якорь, при следующем клике якорь сменяется.
Для наглядности раскрасил добавление
