SO fiddle

Test Fiddle mainly for SO Questions

by Nick Craver

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.4/themes/overcast/jquery-ui.css">
<table>
<tr>
    <td>My ID is 1<input type="hidden" value="1"></td>
    <td><a class="delete" href="#">Delete Me!</a></td>
</tr>
<tr>
    <td>My ID is 2<input type="hidden" value="2"></td>
    <td><a class="delete" href="#">Delete Me!</a></td>
</tr>
<tr>
    <td>My ID is 3<input type="hidden" value="3"></td>
    <td><a class="delete" href="#">Delete Me!</a></td>
</tr>
<tr>
    <td>My ID is 4<input type="hidden" value="4"></td>
    <td><a class="delete" href="#">Delete Me!</a></td>
</tr>
<tr>
    <td>My ID is 5<input type="hidden" value="5"></td>
    <td><a class="delete" href="#">Delete Me!</a></td>
</tr>
</table>

CSS

td { padding: 10px; border: solid 1px #ddd; }

JavaScript

$(".delete").click(function() {
  var id = $(this).closest("tr").remove().find("input[type=hidden]").val();
  alert("Row ID:" + id + " deleted");
});