[jQuery] I have a piece of code, but I want to access the current element inside the onmouseover event.
I have this code here:
/<script type='text/javascript'>
$("td.c_username a[@href*=profile/]").each(function()
{
content = $(this).parent().html();
$(this).mouseover(function()
{
$(this).parent().append("<div onmouseout='leave(this);'
class='box' style='display:none'><div class='box-head'>Nor</div><div
class='box-wrap'><div class='box-row'><a class='boxa' href='#'><div
class='boxtext'>View Public Profile</div></a></div><div
class='box-row'><a class='boxa' href='#'><div class='boxtext'>Send
Personal Msg</div></a></div><div class='box-row'><a class='boxa'
href='#'><div class='boxtext'>Find all Posts By
Nor</div></a></div></div></div>");
});
function leave(x)
{
x.mouseout(function()
{
x.parent().html(content);
});
}
});
</script>/
Right
/$(this).mouseover(function()
{
/How would I use $(this) inside the mouseover event?