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

Removing some text data in HTML file

本文关键字：文本 数据 HTML 文件 删除      更新时间：2023-09-26

我正在制作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>

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

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

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

如果您想要删除userName textNode:

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

删除所有内容:

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

使用

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

你可以这样做:

var anchor = document.getElementsByClassName("col02")[0] //select first matching 'col02'
                     .getElementsByTagName("a")[0]       //select first matching <a>
anchor.parentNode.remove(anchor)

你可以看到它在这里运行:jsfiddle

这当然是假设你只想从class='col02'的第一个实例中删除，所以不是很健壮。我想它生成的事实意味着你不能放入更多有用的类/id属性?

另一方面，不像其他答案它不依赖于jquery:)

试试这个-

$('td.dataCol.col02').eq(0).find('a').remove();

或者如果您想清空该td -

$('td.dataCol.col02').eq(0).empty();

$("table .dataCol.col02:first a").remove();

试试这个:

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

这样做>>

 $(".col02:first > a").remove();

例子小提琴

相关文章：