Usando jQuery, que se hizo clic en la etiqueta

Question

Estoy tratando de usar jQuery para encontrar el texto del enlace que se hizo clic.A continuación se muestra el fragmento de código.

 <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>

Este es mi código jQuery

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

NB: No quiero usar OnClick Event Sidese para rastrear esto.Ayuda

editar Ahora aquí está lo real que quiero lograr.Estoy tratando de rastrear mi sitio usando MixPanel, pero cada vez que uso este código, no se rastrea.

// Mixedpanel SDK cargado arriba ya

<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

En primer lugar, su código debe estar en un controlador de documentos listo o puede que no funcione, dependiendo de que sus scripts estén en la parte superior o en la parte inferior de la página.Entonces puedes hacer esto -

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

Answer 2

Usar documento listo

como este

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

Answer 3

Haría algo como esto:

$("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