Javascript 如何使用jquery获取div的显示文本
我有一个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 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()