javascript - 如何使用 jquery 限制 div 中的单词。我只想在 div 中显示 3 个单词并隐藏其他单词

Question

如何使用 jquery 限制 div 中的单词。我只想在 div 中显示 3 个单词并隐藏其他单词

例如：

<div id="limit">
blah blah blah blah blah blah blah blah
</div>

在结果输出中，我只需要使用 jquery 的前三个单词：blah blah blah

Answer 1

你可以用 slice 限制你的数量

function limitWords(element, quantity){

   var text = $(element).text();

   var words = text.split(" ");

   quantity = Math.min( quantity, words.length );

   $(element).text( words.slice(0,quantity) + "..." );

}

Answer 2

这很容易。您需要做的就是拆分元素内容，然后对它们进行切片。

工作代码将如下所示：

$(function() {
     // Handler for .ready() called.
    var divContent = $("#limit").text();
    var contentSpillage = divContent.split(" ");
    $("#limit").text( contentSpillage.slice(0,3) );
    });

请参阅此小提琴以查看解决方案：http: //jsfiddle.net/dx7DN/