jquery - jquery限制字符数

Question

我想知道是否可以使用 jQuery 限制具有指定类的元素中的字符数量？

例如，以下元素的类缩短后将仅显示 40 个左右的字符。

<p class="shortened">This would be the text limited to 40 Characters</p>

预先感谢您的所有帮助。

Answer 1

对于<input type="text" />元素，您可以只使用 maxlength属性。

对于其他元素，例如<textarea> ，您可以检查元素的 onkeyup 事件。

$('.shortened')
    .keyup(function(e){
        var $this = $(this);
        $this.text($this.text().substring(0, max)); //Set max to 40, or whatever you want
    });

对于其他非表单元素，您可以执行相同的操作，但不必在事件处理程序上执行此操作。

$('.shortened')
    .each(function(){ 
        var remainTxt = $(this).text().substring(max, $(this).text().length);
        $(this).text($(this).text().substring(0,max));
    });

编辑:为了与 Mark 的答案相匹配，您可以存储剩余的 .text() 子字符串，并在用户单击“展开”按钮时追加该子字符串。