Javascript 如何使用jquery限制div中的单词。我只想在div中显示3个单词,并隐藏其他单词
如何使用jquery限制div中的单词。我只想在div中显示3个单词,并隐藏其他单词 例如:Javascript 如何使用jquery限制div中的单词。我只想在div中显示3个单词,并隐藏其他单词,javascript,jquery,Javascript,Jquery,如何使用jquery限制div中的单词。我只想在div中显示3个单词,并隐藏其他单词 例如: <div id="limit"> blah blah blah blah blah blah blah blah </div> 废话废话废话废话废话废话 在结果输出中,我只需要使用jquery的前三个单词: 诸如此类的诸如此类的诸如此类的诸如此类的诸如此类的诸如此类的诸如此类的诸如此类的诸如此类的诸如此类 function limitWords(element, quant
<div id="limit">
blah blah blah blah blah blah blah blah
</div>
废话废话废话废话废话废话
在结果输出中,我只需要使用jquery的前三个单词:
诸如此类的诸如此类的诸如此类的诸如此类的诸如此类的诸如此类的诸如此类的诸如此类的诸如此类的诸如此类
function limitWords(element, quantity){
var text = $(element).text();
var words = text.split(" ");
quantity = Math.min( quantity, words.length );
$(element).text( words.slice(0,quantity) + "..." );
}
这很容易。您所需要做的就是拆分元素内容,然后对它们进行切片 工作代码如下所示:
$(function() {
// Handler for .ready() called.
var divContent = $("#limit").text();
var contentSpillage = divContent.split(" ");
$("#limit").text( contentSpillage.slice(0,3) );
});
查看此小提琴以查看解决方案:这里您可能需要查看。你可以用它来包装单词,然后在那里使用CSS规则。没问题,很乐意为你提供帮助。