jquery - 使用Jquery，点击了哪个<a>标签

Question

我正在尝试使用 jQuery 来查找被单击的链接的文本。下面是代码片段。

 <li><a id="PAYROLL" href="../PayrollAdmin/Payroll_Default.aspx"><span>PAYROLL</span> </a> </li>


 <li> <a id="WELFARE" href="../HRAdmin/Welfare_Default.aspx"><span>WELFARE</span></a> </li>

这是我的 jquery 代码

<script type="text/javascript">
 $("a").click(function () {
 var LinkText= $(this).text();
   alert(LinkText);
});
</script>

注意:我不想使用 onclick 事件监听器来跟踪它。帮助

编辑 现在这是我真正想要实现的目标。我试图使用 mixpanel 跟踪我的网站，但每次我使用此代码时，它都不会跟踪。

//上面已经加载了Mixedpanel sdk

<script type="text/javascript">
$(document).ready(function(){
    $("a").click(function (e) {


 mixpanel.track_links(this.id, this.id +" was clicked", {
        "referrer": document.referrer
    });

    });
});
</script>

Answer 1

首先，您的代码需要位于文档就绪处理程序中，否则可能无法运行，具体取决于您的脚本位于页面顶部或底部。然后你就可以这样做 -

<script type="text/javascript">
$(document).ready(function(){
    $("a").click(function (e) {
        e.preventDefault()
        alert(this.id); // because your id and text match
    });
});
</script>