Home/ Questions/Q 8485355
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-10T20:37:13+00:00

Say, I have: <p> This is a sentence </p> And when a user clicks

  • 0

Say, I have:

<p> This is a sentence </p>

And when a user clicks on words in the sentence (this, is, a, sentence), the web page will know that specific word is clicked. Is there something in js or the jQuery library for that?

I want to do that for my project in Django so that when they click on a word, I know which word in the sentence is clicked (not the whole sentence itself).

I only have 2 ideas for that:

  1. Split the sentence into different elements so that it separates words when its clicked using javascript and getElementByID
    OR
  2. Similar to #1 but I just use the anchor tag and pass the link and the value of the link in the same form so that I know which word in the sentence is passed () I’m guessing there’s something wrong with this too.

Is there any better way? Or what is the best way?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    We did this once, it was a really nasty thing to do on a whole document, but for a paragraph it wasn’t bad.

    Take the text node, split it on white space. Then, wrap each word in a span and put it back into the document.

    Attach a listener to the PARENT NODE and use delegation to figure out which span was clicked on.

    • 0