如何在不调用任何CSS的情况下隐藏内容中的特定文本?

mkn*_*yab 1 html javascript css jquery

我需要在下面的内容中隐藏"QUICK"字样而不调用Markup中的任何类或更改.在纯CSS中是不可能的,可能我们可以做这个JavaScript/jQuery并将QUICK作为变量调用并使用CSS来隐藏.我不擅长Java编码所以任何人都可以帮助解决这个问题吗?

例:

<html>
<p>The quick brown fox jump over the lazy dog.</p>
<p>The quick brown fox is too hungry.</p>
<p>The poor quick brown fox is tired and thirsty.</p>
</html>
Run Code Online (Sandbox Code Playgroud)

如果可能的话,请在JSFiddle中提供解决方案.提前致谢!

fca*_*ran 6

找到所有出现的quick并将它们包装在一个特定的元素(例如<del>)通过css隐藏

CSS

p del {
   display: none;
}
Run Code Online (Sandbox Code Playgroud)

jQuery的

$('p').each(function() {
   var $this = $(this);
   $this.html($this.text().replace(/\bquick\b/g, '<del>quick</del>'));
});
Run Code Online (Sandbox Code Playgroud)

示例jsbin:http://jsbin.com/ogakit/1/