javascript - 使用javascript修改onclick链接

Question

我正在使用下面的代码将 href 更改为 onclick:

$('.sidenav li a').each(function() {
     var href = $(this).attr('href');
     $(this).attr('onclick', href)
       .removeAttr('href');
}); 

这可以完成工作，但我不知道如何更改附加到它的 onclick 函数。它目前采用 href 链接并将其应用到 onlick，例如onclick="https://stackoverflow.com/"

如果有人知道如何更改，那就太好了!

谢谢 - 斯科特

Answer 1

我不知道这对你有没有帮助，但你可以试试这个。

$(".sidenav li a").each(function() {
  var href = $(this).attr('href');
  $(this).attr('onclick', `print(${JSON.stringify(href)})`)
    .removeAttr('href');
});

function print(href) {
  console.log('Clicked on', href);
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<ul class="sidenav">
  <li>
    <a href="http://example.com">Test</a>
  </li>
</ul>