使用JavaScript获取隐藏文本

时间:2011-09-12 22:36:15

标签: javascript jquery

假设我们有以下代码:

<div id="test" style="width:200px; height: 200px; overflow: hidden;">
   <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus 
   ipsum diam, cursus ornare eleifend quis, posuere id sapien. Vestibulum
   et mattis augue. Nulla facilisi. Sed rhoncus facilisis commodo. Sed mattis 
   commodo lorem, quis varius est facilisis eget. Integer at nunc metus. 
   Fusce augue odio, elementum et hendrerit vitae, malesuada at urna.</p>

   <p>Consectetur adipiscing elit. Vivamus lorem ipsum dolor sit amet, 
   ipsum diam, cursus ornare eleifend quis, posuere id sapien. Vestibulum
   et mattis augue. Nulla facilisi. Sed rhoncus facilisis commodo. Sed mattis 
   commodo lorem, quis varius est facilisis eget. Integer at nunc metus. 
   Fusce augue odio, elementum et hendrerit vitae, malesuada at urna.</p>

   <p>Sed rhoncus facilisis commodo. Sed mattis lorem ipsum dolor sit amet, 
   consectetur adipiscing elit. Vivamus ipsum diam, cursus ornare eleifend 
   quis, posuere id sapien. Vestibulum et mattis augue. Nulla facilisi. 
   commodo lorem, quis varius est facilisis eget. Integer at nunc metus. 
   Fusce augue odio, elementum et hendrerit vitae, malesuada at urna.</p>
</div>

结果将是剪辑文本。

有没有办法将不可见的文本作为子字符串?

我试过

$("#test :hidden").text();

$('#test').children(":hidden").text()

没有成功。

我试图在不滚动的情况下显示文本页面。我有大量的文本(html格式)和固定大小的div(文本页面)。我想对其上的文字进行分页,每次只显示一页文本。

2 个答案:

答案 0 :(得分:2)

There is a good answer on this topic already, it provides the javascript you'd need to do this. 与那里的受访者一样,如果可以的话,我会说找另一种方法来做这件事。

答案 1 :(得分:0)

您可以使用像Lucida Console或Courier New这样的单倍间距字体,并根据适合内容区域的静态字符数拆分字符串。