javascript - $(this) を使用してデータ属性を取得すると、実際の結果が返されない

Question

私はjavascript/jqueryが初めてで、ウェブ全体を検索してきましたが、満足のいく答えがありませんでした。(似たような質問があれば削除します)

私が持っているhmtlで

<a href="#" class='btn-place-order' data-clicked=false data-confirm-modal="myModal">Submit</a>

コンソールで、これを試しました

$('.btn-place-order').data("confirm-modal") 

--> 「myModal」が返されました

しかし、私が試したとき

$(".btn-place-order").on("click", function(e){ $(this).data("confirm-modal"); });

--> オブジェクト全体を返します [a.btn-place-order]

なんで ？