Question

我在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？

Answer 1

添加attr

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

Answer 2

要选择所有个锚元素或“ link_class”元素并添加一个，您可以使用：

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

（要选择所有链接，请使用“ a”。要仅选择.link_class个元素，请使用“ link_class”。上面的代码将仅选择具有类link_class的链接）

您希望它在文档准备就绪时运行，因此将其包装在：

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

（这可能已经存在于您的应用程序中，只需确保将用于选择链接的代码放在document.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/