javascript - 删除 HTML 文件中的一些文本数据

Question

我正在处理 visualforce 页面。下面给出了执行顶点代码后生成的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>

我想从此页面中删除在第 6 行中编码的 userName anchor 标记，其类名称为“dataCol col02”，并且在第 11 行有另一个具有相同类名称“dataCol col02”的 anchor 标记。请记住，此 html 是通过执行 APEX 代码生成的。请指导我如何仅删除第 6 行的 anchor 标记..

Answer 1

您可以使用find、first 和remove 方法。

$('.dataCol.col02').first().find('a').remove();

如果你想删除 userName 文本节点:

$('.dataCol.col02').first().contents().filter(function () {
    return this.nodeType === 3;
}).remove(); 

删除所有内容:

$('.dataCol.col02').first().empty();