如何修改 html 标签 href link 为 Jquery？

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>

如何修改 html 标签 href link 为 Jquery？

How to modify html tag href link with Jquery?

javascript

jquery

onclick

buttonclick

google-tag-manager