Question

我有以下代码，效果很好：

HTML：

<div data-max-characters="120">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Mollitia ea esse accusantium nobis adipisci dignissimos? Vel esse facilis perferendis ipsa? Voluptatem earum, ratione! Consequuntur et assumenda minus, aut temporibus alias.</div>

<p data-max-characters="210">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Mollitia ea esse accusantium nobis adipisci dignissimos? Vel esse facilis perferendis ipsa? Voluptatem earum, ratione! Consequuntur et assumenda minus, aut temporibus alias.</p>

jquery的：

$("div, p").each(function() {
   var textMaxChar = $(this).attr('data-max-characters');

   length = $(this).text().length;
   if(length > textMaxChar) {
       $(this).text($(this).text().substr(0, textMaxChar) + '...');
   }
});

但我想用有限的话来说同样的话。有人可以帮我这个吗？

感谢。

演示： https://jsfiddle.net/Lnk2dmnb/

Answer 1

如果你可以假设单词是由空格分隔的任何文本块，那么这样就可以了

sqldf

https://jsfiddle.net/Lnk2dmnb/7/

Answer 2

你可以试试这个，

  $("div, p").each(function(index, currentText) {
       var length=$(this).attr("data-max-characters");
       var texts=$(this).text().split(" ",length).join(" ");
       $(this).text(texts);
  });

点击此链接https://jsfiddle.net/Lnk2dmnb/8/

https://jsfiddle.net/Lnk2dmnb/4/

jquery - 限制div中的单词数

2 个答案: