Как получить отдельное слово по hover?

Question

[rockstar91]

Есть блок с текстом, нужно по ховеру на любом из слов, вызвать функцию и передать ей само слово и позицию курсора. Первое, что пришло в голову - резать текст на отдельные слова, заключенные в span, на стороне сервера. Затем, нашел похожий вариант на js:

var words = $("p").text().split(" ");
var text = words.join("</span> <span>");
$("p").html("<span>" + text + "</span>");

Это уже лучше чем мой вариант, но я думаю - может есть более правильные решения?

Answer 1

[Алексей Беспалов]

Можно резать и оборачивать в span на стороне сервера (или клиента) и, например

<span class="hoverable">sone</span><span class="hoverable">words</span><span class="hoverable">here</span>
<script>
$("span.hoverable").hover(function () {
    var word = $(this).html(); // there is a word to send to server
});
</script>