绑定click事件并将href属性传递给函数

时间:2010-07-10 02:02:26

标签: jquery-plugins

我在页面上有以下链接(按钮)而不是它转到链接以调用函数而是将通过变量单击的相应按钮的url传递给该函数。 页面上可能有超过3个链接(按钮),但它们都需要调用相同的功能,但是通过点击按钮的相应href阀门。 我的假设是我需要做某种绑定但不确定如何在jquery中执行它。任何帮助将不胜感激!!!

编辑:不幸的是,对于任何锚点都没有id,但我能说的目标是锚点的唯一方法是href属性的开头,它始终以“/ShoppingCart.asp?ProductCode=”

<td width="36%" align="right"> 
<a href="/ShoppingCart.asp?ProductCode=884280"> 
<IMG SRC="/v/vspfiles/templates/100/images/buttons/btn_addtocart_small.gif" ALIGN=absmiddle BORDER=0></A> 
</td>

<td width="36%" align="right"> 
<a href="/ShoppingCart.asp?ProductCode=9857%2D116%2D003"> 
<IMG SRC="/v/vspfiles/templates/100/images/buttons/btn_addtocart_small.gif" ALIGN=absmiddle BORDER=0></A> 
</td> 


<td width="36%" align="right"> 
<a href="/ShoppingCart.asp?ProductCode=70367301P"> 
 <IMG SRC="/v/vspfiles/templates/100/images/buttons/btn_addtocart_small.gif" ALIGN=absmiddle BORDER=0></A> 
</td>

1 个答案:

答案 0 :(得分:2)

你可以很容易地用jQuery做到这一点。

让我们创建一个示例函数:

function someFunction(href) {
    //do something with url
    alert(href);
}

然后在jQuery中,您可以轻松地将href属性传递给函数:

要获取以该前缀开头的所有元素,只需使用此代码即可。

$("a[href^='/ShoppingCart.asp?ProductCode']").click(function () {
    var href = $(this).attr('href');
    someFunction(href);
    return false;
});

return false会阻止链接进入该页面。