使用jquery只获取css隐藏的可见单词
我在div中有一个段落，但我只想显示段落的几行，所以我使用下面的代码使用jquery只获取css隐藏的可见单词,jquery,html,css,Jquery,Html,Css,我在div中有一个段落，但我只想显示段落的几行，所以我使用下面的代码 $（文档）.ready（函数（）{ var words=“”； var text=“”； 变量计数='3'； $（“p”）。每个功能（索引）{ words+=（$（this.text（））.trim（）； }); $（“#demo”）.empty（）； $（'#demo'）。追加（''+单词+''）； $（“.dummy”）.css({ “溢出”：“隐藏”， “文本溢出”：“省略号”， “显示”：“-webkit框”， “-
$（文档）.ready（函数（）{
var words=“”；
var text=“”；
变量计数='3'；
$（“p”）。每个功能（索引）{
words+=（$（this.text（））.trim（）；
});
$（“#demo”）.empty（）；
$（'#demo'）。追加（''+单词+''）；
$（“.dummy”）.css({
“溢出”：“隐藏”，
“文本溢出”：“省略号”，
“显示”：“-webkit框”，
“-webkit线夹”：计数，
“-webkit长方体方向”：“垂直”，
“显示”：“-webkit框”
});
});
知识是一种美德，是一种美德，是一种美德，是一种美德。
圣人、圣人、圣人和圣人。南太平洋地区的智者和宗教领袖。Neque convallis是一个粗鲁的拍卖人。
坐在我的面前。发酵液中的发酵液。《不可剥夺的权利》中的权杖。
请尝试下面的代码。我在Jquery中添加了一些代码：
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
var words = "";
var text = "";
var count = '3';
$("p").each(function(index) {
words += ($(this).text()).trim();
});
$("#demo").empty();
$('#demo').append('<div class="dummy" style="display: none;">' + words + '</div>').after(function(e){
$(".dummy").css({
"overflow": "hidden",
"text-overflow": "ellipsis",
"display": "-webkit-box",
"-webkit-line-clamp": count,
"-webkit-box-orient": "vertical",
"display": "-webkit-box"
});
});
var abc = $(".dummy").clone();
abc.removeAttr('style');
console.log(abc.html())
$('#demo1').html(abc.html())
});
</script>
</head>
<body>
<div class="col-xs-12" id="ltr" style="max-height: none; display: ;">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</p>
<p>
Senectus et netus et malesuada. Nunc pulvinar sapien et ligula ullamcorper malesuada proin. Neque convallis a cras semper auctor.
</p>
<p>
Sit amet nulla facilisi morbi tempus. Nulla facilisi cras fermentum odio eu. Etiam erat velit scelerisque in dictum non consectetur a erat.
</p>
</div>
<p id="demo"></p>
<p id="demo1"></p>
</body>
</html>
$（文档）.ready（函数（）{
var words=“”；
var text=“”；
变量计数='3'；
$（“p”）。每个功能（索引）{
words+=（$（this.text（））.trim（）；
});
$（“#demo”）.empty（）；
$（'#demo'）.append（''+单词+''）.after（函数（e）{
$（“.dummy”）.css({
“溢出”：“隐藏”，
“文本溢出”：“省略号”，
“显示”：“-webkit框”，
“-webkit线夹”：计数，
“-webkit长方体方向”：“垂直”，
“显示”：“-webkit框”
});
});
var abc=$（“.dummy”）.clone（）；
abc.removeAttr（“风格”）；
console.log（abc.html（））
$（'#demo1'）.html（abc.html（））
});
知识是一种美德，是一种美德，是一种美德，是一种美德。
圣人、圣人、圣人和圣人。南太平洋地区的智者和宗教领袖。Neque convallis是一个粗鲁的拍卖人。
坐在我的面前。发酵液中的发酵液。《不可剥夺的权利》中的权杖。
你所有的javascript都没有真正起作用。它只是把你的整个文本放在一个div中，这个div有css，在3行之后不显示任何内容。您应该将可见和不可见文本彼此分开，并将其放在两个单独的div中。这样你就可以很容易地分辨出文本的哪一部分是可见的，哪一部分是不可见的