Javascript 如何使用jquery从div中仅获取3行

我有一个div，我给了它一些具体的

行高

和

宽度

我已经把代码放在下面了

document.getElementById（“内容”）.onload=countLines（）；
函数countLines（）{
var el=document.getElementById（'content'）；
var divHeight=el离地高度
var lineHeight=parseInt（el.style.lineHeight）；
变量行=divHeight/lineHeight；
控制台日志（“行：+行）；
}

你好,你好吗？你好,你好吗？你好,你好吗？你好,你好吗？

您可以为元素设置

溢出

和

最大高度

css属性，如下所示：

#content {
  overflow: hidden;
  max-height: 60px;
}

document.getElementById（“内容”）.onload=countLines（）；
函数countLines（）{
var el=document.getElementById（'content'）；
var divHeight=el离地高度
var lineHeight=parseInt（el.style.lineHeight）；
变量行=divHeight/lineHeight；
控制台日志（“行：+行）；
}

#内容{
溢出：隐藏；
最大高度：60px；
}

你好,你好吗？你好,你好吗？你好,你好吗？你好,你好吗？

您可以为元素设置

溢出

和

最大高度

css属性，如下所示：

#content {
  overflow: hidden;
  max-height: 60px;
}

document.getElementById（“内容”）.onload=countLines（）；
函数countLines（）{
var el=document.getElementById（'content'）；
var divHeight=el离地高度
var lineHeight=parseInt（el.style.lineHeight）；
变量行=divHeight/lineHeight；
控制台日志（“行：+行）；
}

#内容{
溢出：隐藏；
最大高度：60px；
}

你好,你好吗？你好,你好吗？你好,你好吗？你好,你好吗？

您是否需要实际删除内容？您可以为

div

设置固定高度，并使用

overflow:hidden

打开it@SwimmerF是的，我想在动态获取数字的基础上使用jquery从div中删除内容您可能想看看这个问题您需要实际删除内容吗？您可以为

div

设置固定高度，并使用

overflow:hidden

打开it@SwimmerF是的，我想在动态获取数字的基础上使用jquery从div中删除内容您可能想看看这个问题谢谢您的回答，但是这个3数字动态地出现，就像如果数字是2，那么只显示2行，然后使用删除div中的所有其他行jquery@MNJ我已经更新了我的答案。您可以将

height

css属性替换为

max height

属性。如果您有两行

，那就可以了。但实际上，您只有一行代码。所有文本仅由
width
属性包装。因此，
删除所有其他行
毫无意义。你可以隐藏它。实际上，从某种意义上说，我想把这3行放在其他div中，这3个数字是动态的，它可以是2，3，N，所以我们必须根据this@MNJ啊。。。可以先测试高度以获取值。只需为
content
元素设置一个随机值
max height
，以显示3行（您的元素当前包含一个长文本）。在本例中，我将其设置为
60px
。默认情况下，您的
content
元素需要
160px
的
height
来显示所有文本
hello你好吗？您好…
。你一共有8行。8条线=160px，因此3条线=（3*160/8）=60px。然后，计算相同的公式：2行=40px…感谢您的回复，但是这个3行数字动态地出现，就像如果数字是2，那么只显示2行，并使用jquery@MNJ我已经更新了我的答案。您可以将
height
css属性替换为
max height
属性。如果您有两行
，那就可以了。但实际上，您只有一行代码。所有文本仅由
width
属性包装。因此，
删除所有其他行
毫无意义。你可以隐藏它。实际上，从某种意义上说，我想把这3行放在其他div中，这3个数字是动态的，它可以是2，3，N，所以我们必须根据this@MNJ啊。。。可以先测试高度以获取值。只需为
content
元素设置一个随机值
max height
，以显示3行（您的元素当前包含一个长文本）。在本例中，我将其设置为
60px
。默认情况下，您的
content
元素需要
160px
的
height
来显示所有文本
hello你好吗？您好…
。你一共有8行。8条线=160px，因此3条线=（3*160/8）=60px。然后，计算相同的公式：2行=40px。。。。