javascript 在页面加载后替换文本

Question

我想删除/隐藏加载到我的页面上的一段文本。

该元素没有关联的 id，所以我想使用特定于文本的方法。

假设文本是:“删除这行文本”。
html 看起来像这样:

<div class="aClassName">
<p>
    <strong>remove this line of text</strong>
    ... the rest of the content.
</p>

我尝试了以下方法:

jQuery(document).ready(function($){
    document.body.innerHTML = document.body.innerHTML.replace('remove this line of text', '');
});

没用。所以我尝试了这个:

jQuery(document).ready(function($){
    $("body").children().each(function () {
       $(this).html( $(this).html().replace(/remove this line of text/g,"") );
    });
});

没用。这个想法是在页面加载后删除该行。
它也不会产生任何错误。甚至在 Firebug 中也不行。

有人吗？

Answer 1

根据内容定位元素

您可以使用 :contains() 来完成此操作jQuery 中的伪选择器，它允许您根据某些元素的内容来定位某些元素:

$(function(){
   // This will remove any strong elements that contain "remove this line of text"
   $('strong:contains("remove this line of text")').remove();
});

您可以 see a working example of this here .

更广泛的方法(仅基于选择器定位元素)

如果您想通过更通用的选择器(即出现在名为 <strong> 的类下方的任何 aClassName 标签)更简单地定位它:

$('.aClassName strong').remove();

您可以 see an example of this approach here .