如何通过链接标签处理jQuery事件答案

【问题标题】：How to handle jQuery events through link tags如何通过链接标签处理jQuery事件
【发布时间】：2022-08-17 01:03:55
【问题描述】：

我有一个链接，我在其上附加了属性setnumber。

 <a class=\"link-container\" href=\"page1.html\" data-setnumber=\"100\">Link to page 1</a>

我想用户一点击链接就得到这个属性，然后我会通过JQuery使用这个属性将一些信息保存到数据库中。

$(document).on(\'click\',\'.link-container\',function(){ 
    var el = $(\".link-container\").attr(\"data-setenumber\");
    alert(el);
});

在那之后或同时，我会让用户转到请求的页面（page1.html）。但我从来没有进入过 JQuery 文件。我直接去page1.html。
有没有更好的方法可以通过链接做到这一点？目标是在用户单击链接后填充一个 mySQL 表，然后将用户带到 page1.html。

标签： javascript html jquery

【解决方案1】：

$(document).on('click','.link-container', function(event){ 
    event.preventDefault();
    var el = $(".link-container").data("setnumber");
    alert(el);
});

【讨论】：

【解决方案2】：

不要使用href 转到请求的页面page1.html。首先获取data-setenumber 属性的值，然后重定向到page1.html。

<a class="link-container" href="javascript:void(0);" data-setnumber="100">Link to page 1</a>

$(document).on('click','.link-container',function(){ 
    var el = $(".link-container").attr("data-setenumber");
    alert(el);
    window.location.href = "http://localhost/page1.html";
});

【讨论】：