如何使用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

$("#content").text()

应该给你div的内部文本，其中id是content。

Answer 2

用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>

然后只需从内部调用切换功能