Как изменить ссылку html href с помощью 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>

Есть ли другой способ выполнить sh это?

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>