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,则只有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>