2012-07-20 83 views
1

我想隐藏div中的字符串。考虑下面的例子,我想隐藏“一些”。使用jQuery隐藏一个字符串?

<div id="Disappear">Here is some text.</div> 

调用函数后,它应该是

<div id="Disappear">Here is  text.</div> 

注意的空间依然保留。此外,隐藏的句子和字符串是随机的。

我试过了什么?

用空格替换字符串。该解决方案并不完美,因为空格的宽度不能总是等于字符串。

UPDATE我也不能使用<span>。实际的div包含更多的字符串,使用span不是一个选项。

+0

用与背景颜色相同的颜色将它括起来?还是你想让它无法选择? – 2012-07-20 09:56:47

+1

使字符串文本颜色与背景颜色 – 2012-07-20 09:56:48

+0

@AlexK匹配。问题是我不能使用跨度。 – 2012-07-20 09:58:26

回答

5

这里有一个简单的例子 - 它包装在一个跨度,这(通过CSS)的知名度变为隐藏

http://jsfiddle.net/4kTVC/1/

更新搜索文本 - 在评论中提到,{visibility: hidden}优于{color: #fff}

+0

一个优雅的解决方案。 – 2012-07-20 10:05:14

+0

这真的很好很简单,很棒的工作! – 2012-07-20 10:05:21

+0

我不是很擅长使用正则表达式,你可以修改它只隐藏第一个匹配的字符串吗? – 2012-07-20 10:07:53