javascript - HTML ファイル内の一部のテキスト データを削除する

Question

私はvisualforceページに取り組んでいます。以下は、apex コードの実行後に生成された HTML ファイル コードの一部です。

<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>

クラス名が「dataCol col02」である行番号 6 にコーディングされているこのページから userName アンカー タグを削除したいのですが、行番号 11 に同じクラス名「dataCol col02」の別のアンカー タグがあります。この html は APEX コードを実行することによって生成されることに注意してください。6行目のみのアンカータグを削除する方法を教えてください..

Answer 1

これを使って

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

デモ

Answer 2

これを試して：

$("tr:eq(1) > td:eq(1)").remove()