tableのtr要素をクリックで削除できるようにする

Result

jQuery

$('table td span').click(function(){
    //クリックで親要素ごと削除する
    $(this).parent().parent().remove();
});

css

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

html

<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>
</table>