使用Jquery,<a> tag was clicked</a>

时间:2014-04-11 21:45:06

标签: jquery click anchor mixpanel

我正在尝试使用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事件监听器来跟踪这个。帮助

EDIT 现在这是我想要实现的真实事物。我正在尝试使用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>

3 个答案:

答案 0 :(得分:1)

使用文档ready

像这样

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

答案 1 :(得分:1)

我会做这样的事情:

$("a").click(function(event){         //bind an event listener to all links on the page
    event.preventDefault();      //prevent the default action (a redirect) from occurring
    console.log($(this).text()); //log the text from the clicked link
});

Fiddle

答案 2 :(得分:1)

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

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