如何计算元素内的行数并设置最大值?

Question

我正在尝试计算每个div的字符串中的行数。但我也想设置一个最大数字，如果div 内的字符串等于/大于该数字以显示按钮。

这是一个代码笔

j查询：

$('.intro_text').each(function() {
var lines = $(this).find("div").val().split("n");  
var maxLine = 5;
if(lines > maxLine){
$(this).after("<button>toggle</button>");
}
});

Answer 1

您不计算拆分div 文本时返回的数组长度。 将您的代码更改为此代码。

$('.intro_text').each(function() {
var lines = $(this).find("div").text().split("n").length;  
var maxLine = 5;
if(lines >= maxLine){
$(this).after("<button>toggle</button>");
}
});