JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr>
        <td>City</td>
        <td>Id</td>
        <td>Name</td>
    </tr>
    <tr>
        <td>NY</td>
        <td>1</td>
        <td>James</td>
    </tr>
        <tr>
        <td>NY</td>
        <td>1</td>
        <td>James</td>
    </tr>
        <tr>
        <td>NY</td>
        <td>1</td>
        <td>James</td>
    </tr>
    <tr>
        <td>NY</td>
        <td>2</td>
        <td>John</td>
    </tr>
    <tr>
        <td>TOKYO</td>
        <td>3</td>
        <td>Jane</td>
    </tr>
    <tr>
        <td>TOKYO</td>
        <td>4</td>
        <td>June</td>
    </tr>
</table>

JavaScript

var tr = $( 'tr' ),
    duplicates = [];

tr.each( function( k,v ){
  var elem = $( v ),
      child = elem.children().slice(0,1),
      city = child.text();
  
  if( $.inArray( city, duplicates ) > 0 ){
    child.empty();    
  } else {
      duplicates.push( city );
  }
});