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

Question

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

这是一个代码笔

jQuery：

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

标签： jqueryhtml

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>");
  }
});