javascript - jquery - 限制div中的单词数

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

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

$(this).text().split(' ').length;

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