การเลือกค่าจากตารางที่เป็นลูปด้วย jquery ครับ รบกวนแนะนำหน่อยครับ

 <?php foreach($resultArray1 as $objResult)
                            {
                    ?>
                              <tr>
                                <td><?php echo $objResult["username"];?></td>
                                <td><?php echo $objResult["password"];?></td>
                                <td style="text-align: center;">
                                <a class="edit" id="edit" title="Edit" data-toggle="modal" data-target="#edit_data_Modal"><i class="material-icons">&#xE254;</i></a>            
                                    

                                </td>
                              </tr>

                    <?php
                    }
                    ?>

<script type="text/javascript">
    $(document).ready(function(){

      $("#edit").each(function(){
          $(this).on("click", function(){
              var username =$(this).closest('tr').find('td:eq(0)').text();
              $('#edit_username').val(username);
          });
      });
    });
  </script>