jQuery / Javascript向元素插入属性

Question

好的，我有这个脚本：

$(document).ready(function () {
    var content = $(".main").html();
    content = content.replace(/\d{3}-\d{3}-\d{4}/g, function(v){
        return $('<a>').attr({
            href: "tel:"+v,
            onclick: "ga('send', 'event', 'lead', 'phone call', 'call');"
        }).html(v)[0].outerHTML;
    });

    $('.main').html(content);
});

它在一个区域中搜索数字模式并为该数字创建一个链接。 这部分正在工作。但是我试图让它也传递一个“onclick”值，但我无法让它工作？

有什么想法吗？

Answer 1

如果不会破坏跟踪，您也可以尝试使用 jQuery 的 on 方法将处理程序附加到单击事件：

return $('<a>').attr({
            href: "tel:"+v"
        })
        .on('click', function() {ga('send', 'event', 'lead', 'phone call', 'call');})
        .html(v)[0].outerHTML;

**使用.on方法的演示：**

$(function() {
  var myLink = $('<a>')
    .attr('href', '#myLink')
    .on('click', function() {
      alert('Thanks for clicking me. Attach ga handler here');
      // ga(this,'send', 'event', 'lead', 'phone call', 'call');
    })
    .text("Click me");

  $('#insert-link-here').append(myLink);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<p>The chaining order matters. jQuery.text() returns String but jQuery.text(string) returns jQuery.</p>

<div id="insert-link-here"></div>