Edit in JSFiddle

$('table td span').click(function(){
    $(this).parent().parent().remove();
});

span{cursor:pointer; color:red;}
table, tr td{border:1px solid #999;}
tr td{padding:15px 25px;}
table{margin:25px;}

<table>
  <tr>
    <td>row 1</td>
    <td>row 1</td>
    <td>row 1</td>
      <td><span>X</span></td>
  </tr>
  <tr>
    <td>row 2</td>
    <td>row 2</td>
    <td>row 2</td>
    <td><span>X</span></td>
  </tr>
  <tr>
    <td>row 3</td>
    <td>row 3</td>
    <td>row 3</td>
    <td><span>X</span></td>
  </tr>
  <tr>
    <td>row 4</td>
    <td>row 4</td>
    <td>row 4</td>
    <td><span>X</span></td>
  </tr>
  <tr>
    <td>row 5</td>
    <td>row 5</td>
    <td>row 5</td>
    <td><span>X</span></td>
  </tr>
</table>