javascript - Removing some text data in HTML file -

i working on visualforce pages. below given part of html file code has been generated after executing apex code.

<table class="detaillist" cellspacing="0" cellpadding="0" border="0"> <tbody> <tr></tr> <tr>     <td class="labelcol"></td>     <td class="datacol col02">  username <a href="www.example.com"></a></td>     <td class="labelcol"></td> <td class="datacol"></td>   </tr>   <tr>     <td class="labelcol"></td>     <td class="datacol col02"><a href="mailto:xyz@gmail.com"></a></td>     <td class="labelcol"></td>     <td class="datacol"></td>  </tr>   </table> 

i want remove username anchor tag page coded in line# 6 class name "datacol col02", , there anchor tag same class name "datacol col02" @ line# 11. keep in mind html generated executing apex code. kindly guide me how remove anchor tag @ line#6 only..

use this

$(function(){   $(".datacol.col02:first a").remove();  }); 

demo