我有以下链接在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来实现这一点?
f8rj6qna1#
要选择“所有”锚元素或“link_class”元素并添加,可以用途:
$("a.link_class").on("click", function(){ //your code here });
(to使用“a”选择所有链接。使用“link_class”只选择.link_class元素。上面的代码只选择类为link_class的链接)您希望它在文档 ready 时运行,因此您将它 Package 在:
.link_class
link_class
$(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方法,如下所示:
eq
$("a.link_class").eq(INDEX).on("click", function(){ //your code here });
其中INDEX是选择器返回的链接集合中特定链接的索引。我想您会从jQuery学习中心中受益:https://learn.jquery.com/
3b6akqbq2#
与attr相加
attr
$('.link_class').attr("onclick", "return gtag_report_conversion('somelink.com');")
https://jsfiddle.net/lalji1051/gu14dryt/4/
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');") });
3条答案
按热度按时间f8rj6qna1#
要选择“所有”锚元素或“link_class”元素并添加,可以用途:
(to使用“a”选择所有链接。使用“link_class”只选择
.link_class
元素。上面的代码只选择类为link_class
的链接)您希望它在文档 ready 时运行,因此您将它 Package 在:
(this可能已经存在于您的应用程序中,只要确保您将选择链接的代码放在文档中即可。ready回调)
同样,这将把事件附加到与选择器匹配的所有项上,如果你只想要一个特定的项,给予它一个id,并使用它来选择它。
或者,如果您无法为它提供ID,而只想将目标指向特定项目,则可以尝试
eq
方法,如下所示:其中INDEX是选择器返回的链接集合中特定链接的索引。
我想您会从jQuery学习中心中受益:https://learn.jquery.com/
3b6akqbq2#
与
attr
相加https://jsfiddle.net/lalji1051/gu14dryt/4/
zy1mlcev3#
结合之前发布的答案,如果有人想跟踪特定的转换,并针对所有包含herf=“tel:“的链接,您可以尝试以下方法:
另外,如果你使用的是WordPress这样的CMS,你可以添加jQuery,你必须用jQuery替换$,所以代码如下: