標籤：his substring self doc 計算 滑鼠 string 使用 截斷
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>jQuery根據設定的字數截斷過長標題並在末尾加上“…”</title>
<script type="text/javascript" src="../../jquery/jquery.js"></script>
</head>
<body>
<div limit="5">計算字串的長度長度長度長度</div>
<div limit="5">計算字長度長度</div>
<li limit="5">這邊有最佳化很公開這邊</li>
<li limit="5">這邊有最佳化很公開這邊這邊有最佳化很公開這邊</li>
<dt limit="5">這邊有最佳化很公開長度長度很公開長度</dt>
<dd limit="5">這邊有最佳化很邊有最佳化很邊有最佳化很邊有最佳化很邊有最佳化很</dd>
<script type="text/javascript">
function limit(){
//這裡的div去掉的話，就可以運用li和其他元素上了，否則就只能div使用。
var self = $("[limit]");
self.each(function(){
var objString = $(this).text();
var objLength = $(this).text().length;
var num = $(this).attr("limit");
if(objLength > num){
//這裡可以設定滑鼠移動上去後顯示標題全文的title屬性，可去掉。
$(this).attr("title",objString);
objString = $(this).text(objString.substring(0,num) + "...");
}
})
}
limit();
</script>
</body>
</html>
jQuery截取字數用點點點顯示
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
