如何用Jquery修改html标签href链接？

Question

我无权访问原始文档...所以我正在尝试使用 GTM 和 Jquery 修改按钮元素。但是以下代码不起作用。<script>$(document).ready(function(){    $( ".label" ).html("<a href="#" name="button" onclick="dataLayer.push({'event': 'Form Sent'});"><strong>SiGN IN!</strong></a>")});</script>还有另一种方法可以做到这一点吗？

Answer 1

你需要更复杂的东西，因为你有嵌套的引号：

$(function(){

  let $newLink = $("<a/>",{ "href": "#", "name":"button" })

    .html('<strong>SiGN IN!</strong>'); // using separate .html instead of attribute for readability 

  $newLink.on("click",function(e) { 

   e.preventDefault(); // cancel click

   dataLayer.push({'event': 'Form Sent'}) 

  });

  $(".label" ).html($newLink)

});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div class="label"></div>