我正在尝试使用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>
答案 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
});
答案 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>