jquery - 限制div中的单词数

Question

I have the following code which works well:

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) + '...');
   }
});

But I want the same with limited words. Can anyone help me with this please?

Thanks.

Demo: https://jsfiddle.net/Lnk2dmnb/

Answer 1

If you could assume that words are any text blocks separated by a space, than something like this would work

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

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

Answer 2

You can try this,

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

follow this link https://jsfiddle.net/Lnk2dmnb/8/

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