使用jQuery向链接添加onclick事件

hrirmatl  于 2022-12-22  发布在  jQuery
关注(0)|答案(3)|浏览(214)

我有以下链接在html:

<a class="link_class" href="somelink.com">Link</a>

在不编辑HTML的情况下,我想添加一个onclick事件,这样它看起来就像这样:

<a class="link_class" onclick="return gtag_report_conversion('somelink.com');" href="somelink.com">Link</a>

如何使用jQuery来实现这一点?

f8rj6qna

f8rj6qna1#

要选择“所有”锚元素或“link_class”元素并添加,可以用途:

$("a.link_class").on("click", function(){
        //your code here
    });

(to使用“a”选择所有链接。使用“link_class”只选择.link_class元素。上面的代码只选择类为link_class的链接)
您希望它在文档 ready 时运行,因此您将它 Package 在:

$(document).ready(function(){
        $("a.link_class").on("click", function(){
            //your code here
        });
    });

(this可能已经存在于您的应用程序中,只要确保您将选择链接的代码放在文档中即可。ready回调)
同样,这将把事件附加到与选择器匹配的所有项上,如果你只想要一个特定的项,给予它一个id,并使用它来选择它。

$("#a-specific-id").on("click", function(){
        //your code here
    });

或者,如果您无法为它提供ID,而只想将目标指向特定项目,则可以尝试eq方法,如下所示:

$("a.link_class").eq(INDEX).on("click", function(){
        //your code here
    });

其中INDEX是选择器返回的链接集合中特定链接的索引。
我想您会从jQuery学习中心中受益:https://learn.jquery.com/

3b6akqbq

3b6akqbq2#

attr相加

$('.link_class').attr("onclick", "return gtag_report_conversion('somelink.com');")

https://jsfiddle.net/lalji1051/gu14dryt/4/

zy1mlcev

zy1mlcev3#

结合之前发布的答案,如果有人想跟踪特定的转换,并针对所有包含herf=“tel:“的链接,您可以尝试以下方法:

$(document).ready(function(){ 
  $("a[href^='tel']").attr("onclick", "return gtag_report_conversion('tel:12345678');")
});

另外,如果你使用的是WordPress这样的CMS,你可以添加jQuery,你必须用jQuery替换$,所以代码如下:

jQuery(document).ready(function(){
 jQuery("a[href^='tel']").attr("onclick", "return gtag_report_conversion('tel:12345678');")
});

相关问题