如何通過鏈接標簽處理 jQuery 事件

Question

我有一個鏈接，在該鏈接上附加了一個屬性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);
});

在那之后或同時，我會讓用戶 go 到請求的頁面（page1.html）。 但我從來沒有進入 JQuery 文件。 我直接go到page1.html。
有沒有更好的方法可以通過鏈接做到這一點？ 目標是在用戶點擊鏈接后填寫一張 mySQL 表，然后將用戶帶到 page1.html。

Answer 1

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

Answer 2

不要使用href到 go 到請求的頁面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";
});