在web開發中,經常需要用到顯示一定長度的文本內容的功能,在長度較長的情況下,很容易影響頁面的美觀和排版。這時,我們可以使用jQuery對超出字符的文本進行隱藏。
$("p").each(function(){
var maxwidth=20;
if($(this).text().length>maxwidth){
$(this).text($(this).text().substring(0,maxwidth));
$(this).html($(this).html()+'…');
}
});
上述代碼中,我們使用了jQuery的each方法遍歷頁面上所有的p標簽,當p標簽中的文本長度超出指定的最大長度時,則進行截取并在末尾添加省略號。我們可以通過自定義maxwidth這個變量,來控制顯示的文本長度。
代碼中的substring方法用于截取字符串,其第一個參數表示要截取的起始位置,第二個參數表示要截取的長度。通過判斷文本長度是否超過maxwidth,我們可以將截取后的文本內容重新放回p標簽中展示。
這種方式對于一些像新聞標題、摘要等需要顯示一定長度的文本內容的場景非常實用,可以使頁面更加美觀、整潔。
上一篇css怎么新建鏈接顏色