我只需要从下面的内容中隐藏单词“QUICK”,而无需调用任何类或更改标记。这在纯 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>
如果可能,请在 JSFiddle 中提供解决方案。提前致谢!
最佳答案
查找所有出现的 quick
并将它们包装成一个通过 css 隐藏的特定元素(例如 <del>
)
CSS
p del {
display: none;
}
jQuery
$('p').each(function() {
var $this = $(this);
$this.html($this.text().replace(/\bquick\b/g, '<del>quick</del>'));
});
示例 jsbin:http://jsbin.com/ogakit/1/
关于javascript - 如何在不调用任何 CSS 的情况下从内容中隐藏特定文本?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15361542/