限制字符jquery

Question

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

例如，以下縮短類的元素只會顯示40個左右的字符。

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

在此先感謝您的幫助。

Answer 1

也許是一個插件？

http://plugins.jquery.com/project/TrimText

根據您的需求，這可能是易跌難。截斷簡單的文本很容易，截斷html稍微難一點，如果你想截斷html並且有一個擴展按鈕來放回文本，那就更難了。

Answer 2

對於<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)); 
    }); 

編輯：馬克的答案匹配，您可以存儲剩餘的.text（）子和追加，當用戶點擊「展開」按鈕。