如何从内容中隐藏特定的文本而不调用任何CSS
How to hide specific text from content wihtout calling any 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>
)中
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/
查看当前文件
$(document).ready(function(){
$('p').each(function () {
var $this = $(this);
$this.html($this.text().replace(/'bquick'b/g, '<span style="display:none">quick</span>'));
});
});
我想这就是你想要的…!!
<!DOCTYPE html>
<html>
<body id ="demo">
<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>
<button onclick="myFunction()">Try it</button>
<script>
function myFunction()
{
var str=document.getElementById("demo").innerHTML;
var n=str.replace("quick","HIDDEN");
document.getElementById("demo").innerHTML=n;
}
</script>
</body>
</html>
相关文章:
- 是否可以将一个函数输入连接到另一个函数调用的文本
- I'我试图在文本区域中进行特定的输入,调用特定的javascript函数,但没有成功;不起作用
- JavaScript:在调用函数的文本输入上按enter键
- 从附加文本调用javascript(订单车)
- 使用jQuery重置文本,同时存在AJAX调用
- 如何从jQuery对象文本正确调用服务器端ASP.NET并将数据返回给jQuery
- 提交按钮只能在onchange调用输入文本后第二次点击时工作
- 如何调用javascript函数以及将表单数据保存到html页面中的文本文件中
- 使用评估函数调用 javascript 函数作为文本框 Asp.net 参数
- 如何在javascript中通过文本输入键调用函数
- 将HTML文本输入传递给Facebook API javascript调用
- 在文本区域的Change上进行AJAX调用以更新数据库
- 在文本点击时调用一个函数:AngularJS
- 调用多个函数在同一页面上生成文本框
- 获取文本框输入的值:未捕获的类型错误:无法调用方法'val'为null
- 调用 blur() 时,IE 中文本区域和输入中的光标闪烁
- 在Javascript中调用Ajax时函数(文本)的含义
- 使用 attributes.add 在客户端更改文本框时调用例程
- 如何在输入类型中按回车键 文本调用函数 javascript 通过不提交表单
- 为任意长度的文本调用chrome. ts.speak函数