javascript - .on メソッドを介して JQuery HTML5 データ属性にアクセスするには?

Question

これは、という名前の HTML5 データ属性を取得しようとする私の試みですproductId:

$('body').on("click", '.myButton', function () {
    var productId = (this).dataset.productId;
});

class を持ついくつかのボタンがありmyButton、それぞれが異なる productId をデータとして持っています。

ただし、この場合、コードは body タグからデータを検索するだけで、 class のボタンからは検索しませんmyButton。

データを抽出する DOM 要素を指定するにはどうすればよいですか?

理想的には、これはそもそも私にとってはうまくいくはずですが、何らかの理由でそうではありません:

 $('.myButton').on("click", null, function () {
        var productId = (this).dataset.productId;
 });