Grab row id and pass to delete method

by nickadeemus2002

HTML

<table>
    <tbody>
    <tr>
          <td>1<td>
          <td>Name 1</td>
          <td>Description 1</td>
          <td><a href="#" id="edit">Edit</a></td>
          <td><a href="#" id="delete">Delete</a></td>
    </tr>
    <tr>
          <td>2<td>
          <td>Name 2</td>
          <td>Description 2</td>
          <td><a href="#" id="edit">Edit</a></td>
          <td><a href="#" id="delete">Delete</a></td>
    </tr>
    <tr>
          <td>3<td>
          <td>Name 3</td>
          <td>Description 3</td>
          <td><a href="#" id="edit">Edit</a></td>
          <td><a href="#" id="delete">Delete</a></td>
    </tr>              
   </tbody>
</table>

CSS

table tr td{padding:3px;}

JavaScript

//delete function
function Delete(ID){
    alert('the delete method will remove row id:' + ID );    
}

//delete link clicked
$('a#delete').click(function(){
    var clickedRowID = $(this).parent().siblings(':first').html();
    Delete(clickedRowID);
});