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

我正在使用visualforce页面。下面给出执行顶点代码后生成的HTML文件代码的一部分。删除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:[email protected]"></a></td> 
    <td class="labelCol"></td> 
    <td class="dataCol"></td> 
</tr> 
</table>

我想从这个网页，其中在6号线，它的类名是“dataCol col02”编码删除用户名锚标记，还有另一个锚标记具有相同的类名“dataCol col02”在第11行。记住这个html是通过执行一个APEX代码生成的。请指导我怎么可以在路线＃只有6取下锚标记..

来源

2013-05-06 WiXXeY

那么最后应该删除什么呢？文本还是锚链接？ – undefined 2013-05-06 07:21:56

有一个空的标签？ – Rumplin 2013-05-06 07:23:31

@未定义锚标记应该被删除 – WiXXeY 2013-05-06 07:25:07

使用此

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

Demo

来源

2013-05-06 07:34:53 Amit

你可以这样做：

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的不利的一面：

来源

2013-05-06 07:25:36 kieran

thnx for rplying – WiXXeY 2013-05-06 09:34:15

您可以使用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();

来源

2013-05-06 07:26:26 undefined

试试这个 -

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

，或者如果您想要清空那个td -

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

来源

2013-05-06 07:26:37

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

来源

2013-05-06 07:26:50 Rumplin

试试这个：

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

来源

2013-05-06 07:27:22

做这个>>

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

Example Fiddle

来源

2013-05-06 07:41:52

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

回答

相关问题