请选择 进入手机版 | 继续访问电脑版
开启辅助访问
帐号登录 |立即注册

jquery控制行数和字数

 
jQuery是一种流行的JavaScript库,它可以简化JavaScript编程的操作。在网站开发中,我们常常需要控制行数和字数以使页面更加美观、易读。下面将介绍如何使用jQuery来实现这个需求。

// 限制行数
$(document).ready(function(){
var lineHeight = parseInt($('p').css('line-height'), 10);
var maxLines = 3;
$('p').each(function(){
var text = $(this).text();
var height = $(this).height();
var lines = height / lineHeight;
if(lines >maxLines){
var textArr = text.split('');
var result = '';
for(var i = 0; i< maxLines * 20; i++){
result += textArr[i];
}
result += '...';
$(this).text(result);
}
});
});
// 限制字数
$(document).ready(function(){
$('p').each(function(){
var text = $(this).text();
if(text.length >100){
var result = text.substr(0, 100) + '...';
$(this).text(result);
}
});
});

回复

使用道具 举报

0 个回复

倒序浏览

快速回复

您需要登录后才可以回帖 登录 or 立即注册

本版积分规则

友情链接
  • 艾Q网

    提供设计文章,教程和分享聚合信息与导航工具,最新音乐,动漫,游戏资讯的网站。