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

标签 javascript jquery html css

我只需要从下面的内容中隐藏单词“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/

相关文章:

c# - 如何从 javascript 调用 asp.net .cs 页面的方法?

javascript - AJAX:如果没有更多结果,如何清除间隔

javascript - 修改Chart.JS中散点图的信息框

当有属性 block 时,jquery + div 不会用 .hide() 正确隐藏?

android - 为什么 html5 功能在我的 android 应用程序中不起作用?

javascript - 为什么此幻灯片不以我的页面为中心?

javascript - 我的表格复选框中的悬停效果

javascript - 如何将对象值传递给其属性对象?

javascript - vue 组件中无法包含 Highcharts

javascript - Winwheel IE 8 Canvas