I can't wrap jQuery object around anchor passed to its own onclick function

Question

I have a link that looks this way:

<a href='#close' onclick='javascript:RequestClosure(this, event, 1012236);'>Request closure</a>

The RequestClosure function looks like this:

function RequestClosure(sender, e, partsID)
{
  alert($(sender).html());
}

When the function is executed it shows nothing, like $(sender) does not exist. But if I write something like this

function RequestClosure(sender, e, partsID)
{
  alert(sender);
  // or this
  alert(sender.href);
}

it works and shows href property

What am I doing wrong?

Answer 1

> <a href='#close' onclick='javascript:RequestClosure(this, event, 1012236);'>Request closure</a>

The javascript: in the onclick attribute vaule is treated as a label, do not use it.

> function RequestClosure(sender, e, partsID)

By convention, function names starting with a capital letter are reserved for constructors that should be called with new .

> {
>   alert($(sender).html());
> }

The last line would be much more efficient as:

alert(sender.innerHTML);

since that is what jQuery uses (it also removes the non-standard attributes it adds for event management).

When the function is executed it shows nothing, like $(sender) does not exist.

One of the joys of jQuery - when things go awry, it likes to silently fail.

Answer 2

Sorry guys,
The problem was that jQuery file was not correctly included. :(
That was so lame:)