Get d of td within a div (table , td is generated using external program)

Get d of td within a div (table , td is generated using external program)

I have a div
and withing that a table
which is generated when   some button is clicked 

Sample will something like this
  1. <div id="maincontainer">
  2. <table id='tableabcd'>
  3. <tr>
  4. <td> name 001 </td>
  5. <td id='edi01'> edit </td>
  6. <td id=''del01'> edit </td>
  7. </tr>
  8. <tr>
  9. <td> name 002</td>
  10. <td id=''edit02'> edit </td>
  11. <td id=''del02'> edit </td>
  12. </tr>
  13. </table>
  14. </div>
Pls note that the values withing div id "maincontainer" will be changing
but its id's will always start from 'edit' or 'del'

I want to get id of edit clicked
i tried

$('#maincontainer').on( "click", "td > .edit") , function() {

...do something ..
});