Javascript 如何使用jquery获取div的显示文本

Javascript 如何使用jquery获取div的显示文本,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我有一个div,就像这样: <div id="content" style="width:300px; height:500px; overflow:hidden"> ...large text... </div> div中有大量文本,部分文本通过溢出:hidden隐藏。我不想获取所有文本,但只获取当前在div中可见的文本。我该如何做?使用js隐藏div,删除可单击链接的溢出:隐藏部分,并将内容div嵌套在其中: <a href="#" class="s

我有一个div,就像这样:

<div id="content" style="width:300px; height:500px; overflow:hidden">
   ...large text...  
</div>

div中有大量文本,部分文本通过
溢出:hidden
隐藏。我不想获取所有文本,但只获取当前在div中可见的文本。我该如何做?

使用js隐藏div,删除可单击链接的溢出:隐藏部分,并将内容div嵌套在其中:

<a href="#" class="show_hide">Show/hide</a>
<div class="content">
...large text...
<a href="#" class="show_hide">hide</a>
</div>





 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js"     type="text/javascript"></script>
 <script type="text/javascript">

 $(document).ready(function(){

         $(".content").hide();   //hide content on page load
         $(".show_hide").show(); //show the clickable link

     $('.show_hide').click(function(){
     $(".content").slideToggle(); // slideToggle() shows and hides
     });

 });

 </script>





 .content {
     Width: 300px;
     height:500px;
     background-color: #fff;
     Color: #000;
     margin-top:10px;
     border-bottom:5px solid #3399FF;
 }

 .show_hide {
     display:none;
 }

…大文本。。。
$(文档).ready(函数(){
$(“.content”).hide();//在页面加载时隐藏内容
$(“.show_hide”).show();//显示可单击的链接
$('.show_hide')。单击(函数(){
$(“.content”).slideToggle();//slideToggle()显示和隐藏
});
});
.内容{
宽度:300px;
高度:500px;
背景色:#fff;
颜色:#000;
边缘顶部:10px;
边框底部:5px实心#3399FF;
}
.显示隐藏{
显示:无;
}
编辑

假设在div中有一个和一个

 <script language="javascript"> 
   function toggle() {
          var text = document.getElementById("#content p");
          if(text.style.display == "none") {
             text.style.display = "block";
             text.innerHTML = "show";
                }
          else {

               text.innerHTML = "hide";
          }
     } 
   </script>

函数切换(){
var text=document.getElementById(“#content p”);
如果(text.style.display==“无”){
text.style.display=“块”;
text.innerHTML=“显示”;
}
否则{
text.innerHTML=“隐藏”;
}
} 
然后从内部调用toggle函数

$("#content").text()

应该给你
div
的内部文本,该div具有
content
id
.text()
$(“#content”).text()
,你的问题的最后一部分仍然不清楚你的问题不清楚。你能创建一个提琴吗?你是说只有文本的可见部分(而其余的文本无法放入容器)?@ShaunakD op所说的文本在使用属性
overflow:hidden
时没有与div断开。我想你要做的是使用
substring()
问题不清楚,但是我认为这应该是有帮助的。哎呀,在阅读了新的评论之后,我可能误解了这个问题。这个问题有点让人困惑,你可以添加更多的代码吗?所以你有一个隐藏文本的div…没错,我有一个隐藏文本的div,一些文本显示,另一些隐藏,问题是,我只想得到显示的文本,我希望它是清楚的。谢谢,所以隐藏和可见文本都在一个单独的分区中?请检查我的编辑。如果您提供更多的代码,这将非常有帮助
$("#content").text()