Question

我有一个div区域，其中包含任意数量的字符。我想限制显示在那里的字符数量为175个字符。我主要发现如何为输入文本框或文本区域执行此操作，但不是div。任何人都可以帮忙吗？

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

<div class="some-area">
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
</div>

Answer 1

您可以使用the form of text() that takes a function并编写如下内容：

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

Answer 2

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

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

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

Answer 3

我刚为我的一个项目做过这件事。我找到了this很棒的插件。

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

Answer 4

如果文本在最大宽度上运行，则不是仅将其剪切为175个字符，而是向div添加省略号：https://web.archive.org/web/20110828173959/http://plugins.jquery.com/plugin-tags/ellipsis

Answer 5

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

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

5 个答案: