ユーザーがアンカータグをクリックすると、デフォルトのイベント（ブラウザのナビゲーション）が表示されないようにします

私は以下のようにHTML形式の表を持っています。私が望むのは、JavascriptまたはJquery経由でJohnをクリックすると、ユーザーがgoogle.comに向かうのを防ぐことです。私は以下のように試してみましたが、うまくいきませんでした。私のミスはどこですか？ユーザーがアンカータグをクリックすると、デフォルトのイベント（ブラウザのナビゲーション）が表示されないようにします

<!DOCTYPE html> 
<html> 
<head> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script> 
    <script> 
     $(function() { 
      $(".myTDclass").click(function(event) { 
       event.preventDefault(); 
       alert('prevented'); 
      }); 
     }); 
    </script> 
</head> 
<body> 
<table> 
    <tr class="myTRClass"> 
    <td><a href='www.google.com' class='myTDclass'>John</a></td> 
    <td>Smith</td> 
    </tr> 
</table> 
</body> 
</html>

onclick = 'false'は解決策です。しかし、私はjsまたはjqueryでそれが必要です。どんな助けもありがとう。

出典

2016-05-11 Emel Uras

なぜあなたのjQueryコードは「