`

jquery 截取字符串的实现

 
阅读更多
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>cookie</title> 
<script src="http://img.jb51.net/jslib/jquery/jquery-1.3.2.min.js" type="text/javascript"></script> 
<style> 
*{ margin:0; padding:0;font-family:"宋体",Arial, Helvetica, sans-serif;} 
#best{ width:300px; height:200px; border:1px solid #ccc; margin:60px auto 0; line-height:1.6; font-size:14px; padding:10px 0 0 10px} 
.blank{ font-size:18px; font-weight:bold; text-align:center; padding:20px} 
</style> 
<script type="text/javascript"> 
jQuery.fn.limit=function(){ 
    var self = $("div[limit]"); 
    self.each(function(){ 
        var objString = $(this).text(); 
        var objLength = $(this).text().length; 
        var num = $(this).attr("limit"); 
        if(objLength > num){ 
$(this).attr("title",objString); 
            objString = $(this).text(objString.substring(0,num) + "..."); 
        } 
    }) 
} 
$(function(){ 
    $(document.body).limit(); 
}) 
</script> 
</head> 
<body> 
    <div class="blank">请按F5刷新页面。。。。</div> 
<div id="best"> 
    <div limit="12">计算字串的长度长度长度长度</div> 
    <div limit="10">这边有优化很公开这边</div> 
    <div limit="12">这边有优化很公开长度长度很公开长度</div> 
    <div limit="12">计算字长度长度</div> 
    <div limit="10">这边有优化很边有优化很边有优化很边有优化很边有优化很</div> 
</div> 
</body> 
</html> 



<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'> 
<html xmlns='http://www.w3.org/1999/xhtml'> 
<head> 
<meta http-equiv='Content-Type' content='text/html; charset=gb2312' /> 
<title>需要F5刷新一下</title> 
<script src='http://img.jb51.net/jslib/jquery/jquery-1.3.2.min.js' type='text/javascript'></script> 
<style> 
*{ margin:0; padding:0;font-family:'宋体',Arial, Helvetica, sans-serif;} 
#best{ width:300px; height:200px; border:1px solid #ccc; margin:60px auto 0; line-height:1.6; font-size:14px; padding:10px 0 0 10px} 
.blank{ font-size:18px; font-weight:bold; text-align:center; padding:20px} 
</style> 
</head> 
<body> 
需要F5刷新一下 
<table> 
<tr id='generated_rows'> 
<td class='row_class' id='row_id_1'>1</td> 
<td class='row_class' id='row_id_2'>2</td> 
<td class='row_class' id='row_id_3'>3</td> 
<td class='row_class' id='row_id_4'>4</td> 
<td class='row_class' id='row_id_5'>5</td> 
</tr> 
</table> 
<script type="text/javascript"> 
$('#generated_rows td.row_class').each(function() { 
var x = Number($(this).text()).toFixed(2); 
$(this).text(x); 
}); 
</script> 
</body> 
</html>

分享到:
评论

相关推荐

    jQuery截取指定长度字符串的实现原理及代码

    截取指定长度字符串操作在网站建设中大量使用,尤其是在新闻列表这种类型的操作中大量应用。 下面就是一个截取字符串...jQuery截取字符串操作&lt;/title&gt; &lt;script type="text/javascript" src="mytest/jQuery/jq

    Jquery截取中文字符串的实现代码

    代码如下: function cut_str($sourcestr,$cutlength) { $returnstr=”; $i=0;...//得到字符串中第$i位字符的ascii码 if ($ascnum&gt;=224) //如果ASCII位高与224, { //根据UTF-8编码规范,将3个连续的

    JavaScript jQuery 中定义数组与操作及jquery数组操作

    数组就是某类数据的集合,数据类型可以是整型、字符串、甚至是对象 Javascript不支持多维数组,但是因为数组里面可以包含对象(数组也是一个对象),所以数组可以通过相互嵌套实现类似多维数组的功能 1.1 定义数组 ...

    jQuery textarea文本框输入文字字数限制提示代码.zip

    * return: 截取后的字符串 */ function autoAddEllipsis(pStr, pLen) { var _ret = cutString(pStr, pLen); var _cutFlag = _ret.cutflag; var _cutStringn = _ret.cutstring; return _cutStringn; }...

    jsrender:轻巧,功能强大且高度可扩展的模板引擎。 在浏览器中或在带有或不带有jQuery的Node.js上

    JsRender用于将数据驱动的模板渲染为字符串,以准备插入DOM中。 平台也使用它,它向JsRender模板添加了数据绑定,并提供了完整的MVVM平台,可轻松创建交互式数据驱动的单页应用程序和网站。 JsRender安装 jsrender...

    JQuery在光标位置插入内容的实现代码

    IE下可以通过 document.selectIOn.createRange ();来实现,而Firefox(火狐)浏览器则 需要首先获取光标位置,然后对value进行字符串截取处理

    鼠标悬停层

    JSP页面鼠标悬停打开div层,该用例是用jquery设置层的,table表列数据太长,一列显示太长会将样式撑乱,特将显示的数据做处理,可以后台字符串截取,也可以引入页面函数...,页面处理,本例子当鼠标悬停到具体列上时,...

    基于Java的客户关系管理系统的设计与实现(全文).docx

    为了防止因为数据包被截取而导致的密码泄露,在前端设计中,在将相关的数据向服务端传送之前,使用jvscript或者jQuery将密码以一定的规则来装换成其他格式的字符串,但是在服务器端却不予以转换回去。原因是,为了...

    CMS V4.6.2 Access版源码20131011

    2.标签加入字符串真实长度截取功能 3.标签加入缩略图功能可获取带缩略图的字段 4.修改4.6.1内容列表排序bug 5.修改分页函数 6.优化模型内容列表页多列排序功能 7.完善论坛插件功能。 8.完善B2C商城插件功能。

    java面试题

    84.7. 编写一个截取字符串的函数,输入为一个字符串和字节数,输出为按字节截取的字符串。 但是要保证汉字不被截半个,如“我ABC”4,应该截为“我AB”,输入“我ABC汉DEF”,6,应该输出为“我ABC”而不是“我ABC+...

    PlugNT CMS v4.6.2

    标签加入字符串真实长度截取功能3.标签加入缩略图功能可获取带缩略图的字段4.修改4.6.1内容列表排序bug5.修改分页函数6.优化模型内容列表页多列排序功能7.完善论坛插件功能。8.完善B2C商城插件功能。默认后台登录名...

    千方百计笔试题大全

    54、字符串操作:如何实现字符串的反转及替换? 14 55、编码转换:怎样将GB2312 编码的字符串转换为ISO-8859-1 编码的字符串? 14 56、写一个函数,要求输入一个字符串和一个字符长度,对该字符串进行分隔。 14 59、...

    java面试宝典

    54、字符串操作:如何实现字符串的反转及替换? 14 55、编码转换:怎样将GB2312 编码的字符串转换为ISO-8859-1 编码的字符串? 14 56、写一个函数,要求输入一个字符串和一个字符长度,对该字符串进行分隔。 14 59、...

    jquery keypress,keyup,onpropertychange键盘事件

    项目所需,在试图用js实现这样的功能:文本框失去焦点时,判断输入字符串的长度,以验证是否超出范围,超出范围则自动截取。

    ThinkPHP3.2仿京东商城视频教程实战课程,ThinkPHP3.2开发大型商城项目实战视频

    5.趣味题:打印矩阵-苹果篮子-字符串截取 6.前台网站优化思路 7.前台公共模板的制作 第八天 1.首页-分类树数据的获取 2.商品推荐数据的获取-疯狂抢购 3.首页添加缓存功能 4.会员注册 5.会员验证与登录 6.登录的验证 ...

    精通AngularJS part1

    AngularJS不是基于字符串的模板引擎290 响应DOM事件更新模型291 将模型变化传播给DOM291 同步DOM和模型变化292 Scope$apply——打开AngularJS世界的钥匙293 深入$digest循环295 整合300 112性能优化——设置...

Global site tag (gtag.js) - Google Analytics