javascript - JQUERY:使用 html 单击带参数的 jquery 函数

Question

我陷入了一个 jquery 问题，我想在 HTML onclick 事件的 jquery 函数中传递参数。

HTML:

 <p><a href="#" class='cls1' onclick='func1("a1")'>Anchor1</a></p>
 <div><a href="#" class='cls1' onclick='func1("a2")'>Anchor2</a><div>
 <span><a href="#" class='cls1' onclick='func1("a3")'>Anchor3</a></span>

JQUERY:

 function func1(var param)
 {
    var parnt = $(this).parent(); // i want to get parent, this only gives [object object]
    alert('Parent:'+parnt+' param:'+param) //alert parnt and param
    return false;
 }

我知道这很容易，但我就是找不到继续前进的正确方向。衷心感谢任何指导。谢谢。

Answer 1

问题是“this”没有对正在传递的对象的引用。解决方法是:

onclick='func1(this,"a1")'

并将函数更改为:

 function func1(obj,param)
 {
    var parnt = $(obj).parent();
    alert('Parent:'+parnt+' param:'+param) //alert parnt and param
    return false;
 }