`

jQuery使用正则在指定位置插入字符串

阅读更多

今天做一功能,大致功能是这样子的:一个UL里面有多个LI,根据页面也高计算一次性能容纳多少个LI,要是LI的总数超过每次容纳的,就弄一个新的UL。因为预先不知道每页能容纳多少个LI,所以需要在后台返回的一大堆LI里面找到正确的LI然后添加UL。找是找到了但是不知道怎么加,就在网上搜了一下,还搜到了,以下是链接及代码:

链接:http://qiaolevip.iteye.com/blog/2036394

代码:

// 设置表格字体颜色
$(".left_div > table:first > tbody > tr").each(function(i, v){
	var $firstTd = $(this).find("td:first");
	var firstTdText = $firstTd.text().replace(/(^.{2})/gm, '<span style="color:red;">$1</span>');
	$firstTd.html(firstTdText);
});

 

以下是我参照这个应用到项目中的代码:

//......
//data是通过AJAX从后台返回过来的字符串
var leftH=$(window.parent.document).height();//页面高度
var str=data.toString();
$DIV.html(unescape(str));//转码并添加到DIV中
$UL = $mainFram.find(".menualert[mid="+ pid +"]");//找到UL
var liNum= $UL.find("li").length;//获取li的个数
var liH = parseInt($UL.find("li").eq(0).outerHeight());//获取第一个li的高度,来计算大概能容纳多少个li
var tabSize = Math.floor(leftH/liH);//向下取整:每次能容纳几个
//分几页显示
var tabNum = Math.ceil(liNum/tabSize);
var arrli=$UL.find("li");
if(liNum>0){
	if(liNum>=tabSize){
		for(var i=0;i<tabNum-1;i++){
			$(arrli[(i*tabSize)+(tabSize-1)]).attr("cur",i);
	}
		$UL.html(($UL.html().replace(/(<LI.*?cur[\s\S]*?<\/LI>)/gm,"$1</UL><UL>")));//将有以<LI大头的,/LI>结尾的且含有cur的字符串后面添加</UL><UL>(其中$1就代表前面那一大堆东西)
}
$UL.show();//显示UL

 

分享到:
评论

相关推荐

    超实用的jQuery代码段

    11.19 如何构建最优化的字符串 11.20 使用jQuery产生GUID值 11.21 使用jQuery实现聚合函数 11.22 用jQuery打印网页的特定区域 11.23 禁止表单被提交 11.24 使用delay()延迟执行动画 11.25 在网页上运行本地程序的...

    JavaScript基础教程第8版

    7.6 对字符串进行格式化和验证 146 7.7 使用正则表达式替换元素 148 第8章 处理事件 151 8.1 处理窗口事件 151 8.1.1 onload1事件 151 8.1.2 onunload事件 154 8.1.3 onresize事件 154 8.1.4 onmove...

    韩顺平PHP JS JQUERY 所有视频下载种子 货真价实

    10-19 4 smarty 字符串 自定义插件 缓存 10-19 5 smarty 字符串 自定义插件 缓存 10-19 6 smarty实例应?? 10-19 7 smarty实例应用2 10-19 8 smarty实例应用3 10-20 1 smarty应用 更换网站皮肤 10-20 2 smarty应用 ...

    jquery1.11.0手册

    jQuery 1.11.0 速查表 核心 jQuery 核心函数 jQuery([sel,[context]]) jQuery(html,[ownerDoc])1.8* jQuery(callback) jQuery.holdReady(hold) jQuery 对象访问 each(callback) size() length selector ...

    最新Python3.5零基础+高级+完整项目(28周全)培训视频学习资料

    字符串常用操作 字典的使用 三级菜单实例 本周作业-购物车优化 第3周 作业 上节内容回顾 集合及其运算 文件读与写详解 心灵鸡汤 文件修改详解 字符编码转换详解 函数与函数式编程 函数式编程之参数详解 局部变量与...

    C#基类库(苏飞版)

    RSACryption--RSA加密/RSA解密字符串 RSA加密应用最多是银行接口,这里的方法可以直接使用哦 5.FTP操作类 FTPClient  FTPClient--FTP操作帮助类,FTP上传,FTP下载,FTP文件操作,FTP目录操作 FTPHelper ...

    JavaScript权威指南(第六版) 清晰-完整

    7.12 作为数组的字符串 第8章 函数 8.1 函数定义 8.2 函数调用 8.3 函数的实参和形参 8.4 作为值的函数 8.5 作为命名空间的函数 8.6 闭包 8.7 函数属性、方法和构造函数 8.8 函数式编程 第9章 类和模块 9.1 类和原型...

    JavaScript权威指南(第6版)(中文版)

    7.12 作为数组的字符串 第8章 函数 8.1 函数定义 8.2 函数调用 8.3 函数的实参和形参 8.4 作为值的函数 8.5 作为命名空间的函数 8.6 闭包 8.7 函数属性、方法和构造函数 8.8 函数式编程 第9章 类和模块 9.1 类和原型...

    JavaScript权威指南(第6版)

    7.12 作为数组的字符串 第8章 函数 8.1 函数定义 8.2 函数调用 8.3 函数的实参和形参 8.4 作为值的函数 8.5 作为命名空间的函数 8.6 闭包 8.7 函数属性、方法和构造函数 8.8 函数式编程 第9章 类和模块 9.1 类和原型...

    史上最全韩顺平传智播客PHP就业班视频,10月份全集

    10-19 4 smarty 字符串 自定义插件 缓存 10-19 5 smarty 字符串 自定义插件 缓存 10-19 6 smarty实例应?? 10-19 7 smarty实例应用2 10-19 8 smarty实例应用3 10-20 1 smarty应用 更换网站皮肤 10-20 2 smarty应用 ...

    (全)传智播客PHP就业班视频完整课程

    10-19 5 smarty 字符串 自定义插件 缓存 10-19 6 smarty实例应?? 10-19 7 smarty实例应用2 10-19 8 smarty实例应用3 10-20 1 smarty应用 更换网站皮肤 10-20 2 smarty应用 更换网站皮肤2 10-20 3 smarty应用 更换...

    史上最全传智播客PHP就业班视频课,8月份视频

    10-19 4 smarty 字符串 自定义插件 缓存 10-19 5 smarty 字符串 自定义插件 缓存 10-19 6 smarty实例应?? 10-19 7 smarty实例应用2 10-19 8 smarty实例应用3 10-20 1 smarty应用 更换网站皮肤 10-20 2 smarty应用 ...

    史上最全韩顺平传智播客PHP就业班视频,9月份全集

    10-19 4 smarty 字符串 自定义插件 缓存 10-19 5 smarty 字符串 自定义插件 缓存 10-19 6 smarty实例应?? 10-19 7 smarty实例应用2 10-19 8 smarty实例应用3 10-20 1 smarty应用 更换网站皮肤 10-20 2 smarty应用 ...

    JavaScript权威指南(第6版) 中文版

    7.12 作为数组的字符串 163 第8章 函数 165 8.1 函数定义 166 8.2 函数调用 168 8.3 函数的实参和形参 173 8.4 作为值的函数 178 8.5 作为命名空间的函数 181 8.6 闭包 182 8.7 函数属性、方法和构造函数 188 8.8 ...

    Uska editor-crx插件

    - 用户代理将包括用户代理字符串。 - 样式在DomContentLoaded状态下执行。 - 在加载页面之前在(document_start)中执行即时。 - 密钥在页面内执行。可以使用其他库,例如页面上包含的jQuery。最近的更新记录------...

    xheditor-1.1.14

    参数:字符串的URL地址,用以解决前后台不在同一路径的资源定位问题 备注:1.1.0新添加 urlType:本地URL地址强制转换方式选择 参数:abs(绝对路径),root(根路径),rel(相对路径) 备注:1.0.0 beta2新添加,v1.1.0版中...

Global site tag (gtag.js) - Google Analytics