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

Question

我有一个像这样的div：

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

我通过以下代码获取此div中的文本：

var text = $(content).html()  

div中有很多文本，部分文本通过overflow:hidden隐藏。我不想获取所有文本，但只想获得div中当前可见的文本。我该怎么做？

Answer 1

使用js隐藏div，删除了可点击链接的overflow：hidden部分并将内容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;
 }

修改

这里假设你在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>

然后只需在

中调用切换功能

Answer 2

$("#content").text()

应该为您提供div id content的内部文字。