à l'aide de jquery le plus proche pour sélectionner le premier <td> valeur

Je suis à l'aide de jquery datatables html de génération de table. - Je configurer un rappel pour créer une colonne supplémentaire pour les liens (modifier, supprimer, etc...).

- Je configurer une fonction de liaison pour détecter les clics, ce qui est à travailler.

Le problème que j'ai est de sélectionner le texte et la valeur de la première colonne la plus proche ligne lorsqu'il est cliqué.

Voici le bout de code qui se lie à la classe et détecte un clic.

$(".drop").bind('click', function(e)  
{  
   var val = $(e.target).closest('td:first').text();  
   alert(val);                             
});

Tableau HTML Corps Après la Génération

<tbody>
<tr class="odd">
<td>[email protected]</td>
<td>[email protected]</td>
<td>1000012342015292781</td>
<td><a href="#" class="drop">Delete</a></td>
</tr>
<tr class="even">
<td>[email protected]</td>
<td></td>
<td></td>
<td><a href="#" class="drop">Delete</a></td>
</tr>
<tr class="odd">
<td></td>
<td>[email protected]</td>
<td>1734001234268</td>
<td><a href="#" class="drop">Delete</a></td>
</tr>
<tr class="even">
<td>[email protected]</td>
<td></td>
<td></td>
<td><a href="#" class="drop">Delete</a></td>
</tr>
<tr class="odd">
<td></td>
<td>[email protected]</td>
<td>10000201142345292781</td>
<td><a href="#" class="drop">Delete</a></td>
</tr>
<tr class="even">
<td>[email protected]</td>
<td></td>
<td></td>
<td><a href="#" class="drop">Delete</a></td>
</tr>
<tr class="odd">
<td>[email protected]</td>
<td></td>
<td></td>
<td><a href="#" class="drop">Delete</a></td>
</tr>
<tr class="even">
<td>[email protected]</td>
<td>[email protected]</td>
<td>100000723143211905</td>
<td><a href="#" class="drop">Delete</a></td>
</tr>
<tr class="odd">
<td>[email protected]</td>
<td></td>
<td></td>
<td><a href="#" class="drop">Delete</a></td>
</tr>
<tr class="even">
<td></td>
<td>[email protected]</td>
<td>8197906212343</td>
<td><a href="#" class="drop">Delete</a></td>
</tr>
</tbody>