如何将div的内部文本限制为175个字符?

我有一个div区域,具有任意数量的字符。 我想限制显示在那里的字符数量为175个字符。 我主要发现如何为输入文本框或文本区域执行此操作,但不是div。 有人能帮忙吗?

这是我的代码我试图限制为175个字符:

Blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah

您可以使用带有函数的text()forms,并编写如下内容:

 $("div.some-area").text(function(index, currentText) { return currentText.substr(0, 175); }); 

将div替换为您的内容的正确标识符:

 $("div").text($(this).text().substr(0, 175)+'...'); 

如果需要,从末端删除椭圆。 我建议让他们让用户知道文本缩短了。 如果您只是试图将文本限制为175而没有任何通知,那么您也可以选择在这种情况下删除它们。

我只是为我的一个项目做了这个。 我找到了这个很棒的插件。

 $('some-area').expander({ slicePoint:175 }); 

如果文本在最大宽度上运行,则不要只删除175个字符,而是向div添加省略号: https : //web.archive.org/web/20110828173959/http : //plugins.jquery.com/plugin标签都有效/省略号

 var textis="";textis=$(".some-area").html().substring(0, 175);$(".some-area").html(textis);