jQuery根据设置的字数截断过长标题并在末尾加上省略号“…”jquery
jQuery插件代码内容：
可以直接写在页面里，也可以另存为一个jQuery插件，命名为 jQuery_limit.js 然后再调用...
<script type="text/javascript">
jQuery.fn.limit=function(){
//这里的di...
jQuery插件代码内容：
可以直接写在页面里，也可以另存为一个jQuery插件，命名为 jQuery_limit.js 然后再调用...
<script type="text/javascript">
jQuery.fn.limit=function(){
//这里的div去掉的话，就可以运用li和其他元素上了，否则就只能div使用。
var self = $("div[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) + "...");
}
})
}
</script>
==================================
jQuery代码内容：
<script type="text/javascript">
$(document).ready(function(){
$(document.body).limit();
})
</script>
==================================
测试用的Html代码：
<div limit="12">计算字长度长度</div>
<li limit="4">这边有优化很公开这边</li>
<li limit="14">这边有优化很公开这边这边有优化很公开这边</li>
<dt limit="12">这边有优化很公开长度长度很公开长度</dt>
<dd limit="10">这边有优化很边有优化很边有优化很边有优化很边有优化很</dd>
可以直接写在页面里，也可以另存为一个jQuery插件，命名为 jQuery_limit.js 然后再调用...
<script type="text/javascript">
jQuery.fn.limit=function(){
//这里的div去掉的话，就可以运用li和其他元素上了，否则就只能div使用。
var self = $("div[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) + "...");
}
})
}
</script>
==================================
jQuery代码内容：
<script type="text/javascript">
$(document).ready(function(){
$(document.body).limit();
})
</script>
==================================
测试用的Html代码：
可以看到，如果不去掉插件代码里的div，则只有div属性的会被影响...
<div limit="2">计算字串的长度长度长度长度</div><div limit="12">计算字长度长度</div>
<li limit="4">这边有优化很公开这边</li>
<li limit="14">这边有优化很公开这边这边有优化很公开这边</li>
<dt limit="12">这边有优化很公开长度长度很公开长度</dt>
<dd limit="10">这边有优化很边有优化很边有优化很边有优化很边有优化很</dd>
我要评论