jquery 截取字符串的实现

2016-02-19 16:01 5 1 收藏

有了下面这个jquery 截取字符串的实现教程，不懂jquery 截取字符串的实现的也能装懂了，赶紧get起来装逼一下吧！

【 tulaoshi.com - Web开发】

!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" / titlecookie/title script src="http://jqueryjs.googlecode.com/files/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

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

下面是对一些数字进行格式化
我们想改变这么一段代码中间td之间的文本
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

实现显示为：

table
tr id='generated_rows'
td class='row_class' id='row_id_1'1.00/td
td class='row_class' id='row_id_2'2.00/td
td class='row_class' id='row_id_3'3.00/td
td class='row_class' id='row_id_4'4.00/td
td class='row_class' id='row_id_5'5.00/td
/tr
/table
实现的函数为：
$('#generated_rows td.row_class').each(function() {
var x = Number($(this).text()).toFixed(2);
$(this).text(x);
});
演示代码

!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://jqueryjs.googlecode.com/files/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

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

来源:https://www.tulaoshi.com/n/20160219/1610900.html

上一篇： tor.exe是什么进程
下一篇： Sql Server2005对t-sql的增强之通用表表达式CTE

看过《jquery 截取字符串的实现》的人还看了以下文章更多>>

PHP截取中文字符串的问题

标签： Web开发

以下代码试用于GB2312编码，截取中文字符串是PHP中一个头疼的问题，解决方法是根据值是否大于等于128来判断是否是双字节字符，以避免出现乱码的情况。但中英文混合、特殊符号等问题总是存在，现在写一个比较全面的，仅供参考：程序说明： 1. len 参数以中文字符为标准，1len等于2个英文字符，为了形式上好看些 2. 如果将m...

两个截取字符串的实用方法（超过一定长度自动换行）

标签： Web开发

1/**//// summary 2 /// 截取字符串，不限制字符串长度 3 /// /summary 4 /// param name="str"待截取的字符串/param 5 &n...

截取固定长度字符串显示在页面

标签： ASP

以下是代码，呵呵，比较简单，主要是区分汉字和字母，不然一个全是字母，一个全是汉字的两条记录排列在一起时会比较难看，全字符的长度只有全汉字的一半就显示...号了 public static string stringformat(string str,int n) &...

Jquery 学习笔记（二）

标签： Web开发

选择器从最开始看到Jquery这样的选择器就让我想起了CSS的选择器，简直是同出一辙啊，CSS的选择器语法个人觉得相当的经典，那么Jquery借鉴CSS也就没有多少疑问了。还是复习一下Jquery的选择器吧其中h1为选择器，color:red与background:#d00与声明，两者结合也即{}内称为声明块；color与background称为属性；red与#d00称为值。其中选...

jQuery DIV弹出效果实现代码

标签： Web开发

先上个效果图，可以点击Close按钮或是在遮罩层上任意处点击，就可以关闭弹出层。 HTML代码代码如下: div id='pop-div' style="width: 300px" class="pop-box" h4标题位置/h4 div class="pop-box-body" p 正文内容 /p /div div class='buttonPanel' style="text-align: right" style="text-align: right" input value="Close"...

查看更多精彩>>