使用 jQuery 限制文本中的字符串

Question

我正在尝试限制一个块中的字符，我已经设法做到了（我已经关注 this solution）

      $(".nome-produto").text($(this).text().substr(0, 70)+'...');

它按需要工作，但问题是我有多个项目，并且正在复制文本...

打印屏幕是here

有什么线索吗？

Answer 1

您需要一个 function 来 return 更正匹配集中每个节点的文本。

$(function(){
   $('.nome-produto').text(function(_, text){
       return text.substr(0, 70) + '...';
   });
});

Answer 2

看起来您正在使用 class 选择器，所以我相信您正在使用的 jquery 语句将应用于 class 的所有项目。您可以对每个项目都有一个声明（不可取），或者您应该能够执行以下操作：

$(".nome-produto").each( function() {
   $(this).text($(this).text().substr(0, 70)+'...');
});

Limit strings in text with jQuery