Question

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

例如：

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

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

Answer 1

您可以使用切片限制您的数量

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/

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

2 个答案: