Индекс OnClick в строке

Question

Подобно тому, что я задавал в этом вопросе о получении индекса строки onClick с Android, я бы хотел сейчас сделать то же самое с JavaScript (я использую библиотеку jQuery, если там для меня тоже есть какие-то полезные функции). Я искал онлайн и ТАК и не могу ничего найти. Мой ответ на вопрос, который я связал, касается (x, y) координат и смещения , которое, как я заметил, jQuery имеет , но, похоже, оно дает позицию всего элемента относительно документа, а не фактического (х, у) координаты. Существует ли аналогичный метод получения координат (x, y) с помощью JavaScript (или еще более простой способ получить индекс onClick)? Если мой вопрос недостаточно ясен, укажите следующую строку:

Mary never went to school. Mary was way too cool.

Я хочу получить его, чтобы я мог вернуться к 3, если кто-то нажмет на «у» в первой «Мэри» и т. Д.

Как всегда, любая помощь или твердое направление приветствуются.

Answer 1

Если текст достаточно короткий, было бы не страшно завернуть каждую букву в свою <span>.

Что-то вроде:

var text = $("#clickable-letter-div").html();

var wrapped = $.map(text.match(/./g), function(s, idx){
  return "<span class='letter'>" + s + "</span>"
}).join("");

$("#clickable-letter-div").html(wrapped);

$(".letter").click(function(){
  var pos = $(this).parent().children().index(this);
  alert(pos);
});