Question

I would like to figure out a way to retrieve the the link text users click on from within my webapp… i’m wondering if jquery can do it.

Heres what a link would look like:

<span onclick="myfunction();">Link Text 1</span>

The function “myfunction()” is located inside a .js file that gets incluced into the page

When the user clicks on the span tag, I would like to capture the text from the span tag that called the myfunction(), then place the text “Link Text 1” into a js variable I would then use to update my database with.

I know I could do this:

<span onclick="var xx = $(this).text(); myfunction(xx);">Link Text 1</span>

But I have too many calls to this one function that rewriting the click events would be too much…i’m wondering how I can accomplish the same thing from within the “myfunction()” code using jquery to retrieve the text?

Any ideas?

Thanks in advance.

Answer 1

try this:

<span>Link Text 1</span>

$('span').click(function(e){
   var txt = $(this).text() // gets span's text
})