`

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

 

分享到:
评论

相关推荐

    java 字符串指定长度

    标题中的“Java 字符串指定长度”指的是在Java编程中,如何处理字符串以确保它们的长度符合特定的要求。这可能涉及到字符串的截取、填充、格式化等方面的知识。以下是对这个主题的详细解释: 在Java中,字符串是不...

    API文档Ajax+jQuery+正则表达式+SQL+JDK1.7

    理解和掌握正则表达式能帮助你在处理字符串时更加高效,尤其是在进行数据验证、搜索替换等场景。 `JAVA_API_1.7中文.chm`提供了Java Development Kit 1.7的官方API文档,这是Java程序员的重要参考。JDK 1.7引入了...

    字符串截取

    - 在截取后的字符串末尾追加指定的结束字符串 `endStr`。 #### 四、代码解析 以下是对提供的代码段的详细解析: ```java public String subStringByByte(String str, int length, String endStr, String charset)...

    API大集合(HTML,CSS,jquery,php,mysql,正则表达式)

    掌握正则表达式能极大地提高处理字符串数据的效率。 这个压缩包提供的手册和参考资料覆盖了上述所有技术,对于学习和查询这些API非常有帮助。无论是初学者还是经验丰富的开发者,都可以从中找到所需的信息,提升...

    jquery手机号码自动分隔

    在手机号码格式化的场景下,我们可以用正则来检查输入的字符串是否符合手机号码的基本规则。中国的手机号码通常以13、14、15、16、17、18、19开头,共11位数字。一个简单的验证正则可能是`/^1[3-9]\d{9}$/`,这个...

    JavaScript中正则表达式使数字、中文或指定字符高亮显示

    最后,通过使用jQuery的`html()`方法,我们可以将修改后的字符串插入到指定的HTML元素中。比如将替换后的字符串赋值给一个ID为`span_id`的`&lt;span&gt;`元素: ```javascript $("#span_id").html(htmlobj); ``` 总结...

    jQuery中用dom操作替代正则表达式

    本篇文章将探讨如何在jQuery中使用DOM操作来替代正则表达式完成对HTML字符串的修改。通过案例和代码示例,我们将深入理解DOM操作相较于正则表达式的优势。 首先,我们面临的一个常见问题是需要将在线HTML富文本编辑...

    JS 过滤特殊字符

    1. JavaScript库:jQuery、Lodash等库提供了字符串处理函数,例如`$.trim()`、`_.escape()`,可以辅助进行特殊字符过滤。 2. 在线工具:在线的JavaScript格式化、编码解码工具(如:jsbeautifier.org)也能帮助...

    jquery数字自动分位

    开发者可能使用了`keyup`或`input`事件来监听用户的输入,然后通过正则表达式或其他字符串处理方法,对输入值进行处理,插入分隔符。 从压缩包文件名称"jquery.autoSplit"我们可以推测,这可能是一个jQuery插件的主...

    利用正则表达式把word文档里的大量调查卷试题快速地套进规定的html模块以页面形式展现出来

    正则表达式是由字符、元字符和量词组成的模式,用于匹配字符串中的特定模式。例如,`\d+`可以匹配一个或多个数字,`.`可以匹配任意字符,`^`和`$`分别表示字符串的开始和结束。 在Word文档中,试题通常有固定的结构...

    jQuery 1.8 + JScript手册js.chm RegexTester.exe等

    正则表达式是用于匹配字符串模式的强大工具,广泛应用于文本处理、数据验证和提取。RegexTester可以帮助开发者构建、测试和理解复杂的正则表达式,是学习和优化正则表达式技巧的好帮手。 通过学习这些资源,你可以...

    超实用的jQuery代码段

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

    JQ 每4位数字出现一次空格

    标题“JQ 每4位数字出现一次空格”涉及到的是使用JavaScript库JQuery(通常简称为JQ)处理字符串中的数字格式。在这种场景下,目标是将一串连续的数字通过每四位添加一个空格来分隔,提高数字的可读性。这种操作在...

    jquery版的表情,用户评论页中

    4. **字符串处理**:将表情图标插入到评论文本中,可能涉及到正则表达式和字符串替换。 5. **Ajax请求**:如果表情库较大,可能需要异步加载,这时会用到Ajax请求来获取表情数据。 6. **数据结构与存储**:可能需要...

    js正则表达式实现数字每隔四位用空格分隔代码

    9. **正则表达式中的反向引用**:在代码示例中,使用了“$1”来引用括号中的第一个分组匹配到的字符串。在正则表达式的替换操作中,反向引用使得我们可以对匹配到的特定部分进行引用和操作。 在上述代码中,利用...

    字符长度计算和长度截取显示

    - 如果目标字符串长度超过了指定的最大长度,则截断字符串并在末尾添加省略号,并将原始字符串作为提示文本。 - 使用了 jQuery 的 `html` 方法来设置 HTML 内容。 #### 示例调用 ```javascript function convertStr...

    Jquery仿163收件人效果+邮箱验证

    3. **匹配算法**:根据用户输入的字符串,对数据源进行模糊匹配,如使用`indexOf`、正则表达式或者更复杂的Levenshtein距离算法。 4. **展示匹配结果**:匹配到的邮箱地址需要动态插入到页面上,可以创建一个下拉...

    基于jQuery的SQL注入攻击防范实现

    例如,可以通过匹配特定模式的字符串来检测SQL关键字或特殊字符。 4. **错误反馈**:如果验证失败,可以通过jQuery的DOM操作功能显示错误消息给用户,提示他们修正输入。 5. **代码示例**: ```javascript // ...

Global site tag (gtag.js) - Google Analytics