无法获取.text（）来显示有限的字符

Question

我正在尝试设置div可以显示的字符限制，但不知怎的，它永远不会起作用

首先，我在编程方面很有点儿，所以希望你们保持简单或至少解释为什么和你的代码。

这是我到目前为止编写的代码

        <div class = "text1">
        <p>once upon a time</p>
        </div>

jQuery代码

$(document).ready(function(){
     $(".text1").text(function(index, text) {
        return text.substr(0, 10);
     });
});

但它不会将字符限制为10，而只是显示整个文本。

Answer 1

您可能希望首先修剪空白区域：

$.trim(text).substr(0, 10);

<强> jsFiddle example

Answer 2

这有效

$(document).ready(function(){
   var short_text = $(".text1 p").text().substr(0, 10);
   $(".text1 p").text(short_text);
});

文字将是'一次'