Hide the last column of each row of a table in jQuery

In a table, we select the last column of its type for each row, and hide it with the hide function.

<html>
  <body>
    <table>
      <tr>
        <td>Column 1 File 1</td>
        <td>Column 2 File 1</td>
        <td>Column 3 File 1</td>
      </tr>
      <tr>
        <td>Column 1 File 2</td>
        <td>Column 2 File 2</td>
        <td>Column 3 File 2</td>
      </tr>
      <tr>
        <td>Column 1 File 3</td>
        <td>Column 2 File 3</td>
        <td>Column 3 File 3</td>
      </tr>
    </table>
    <!--Script jQuery-->
    <script>
       $(document).ready(function(){
         $('td:last-of-type').hide();
       });
    </script>
    <!--JQuery Library-->
    <script src="https://code.jquery.com/jquery-3.6.3.min.js"></script>  
  </body>
</html>