2012-07-20 68 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