js replace 替换某段html标签之间的内容

2014-07-24 11:16:32 7.6k 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

fengyu2004_4 墨衍会员 · AI 创作全网分发关注 + 加入社区

告别‘抓瞎’：CANoe的Trace、Graphics和Logging窗口实战技巧，高效分析总线故障本文深入解析CANoe的Trace、Graphics和Logging窗口实战技巧，帮助工程师高效分析总线故障。通过智能过滤、可视化监控和智能日志管理，构建系统级问题定位工作流，显著提升车载网络故障排查效率。阅读详情

（1）我想把介于某特殊字符之间的所有字符都替换为空，同时如果标签“topic_”后面含有数字1就替换为大写的“一、”，如果数字含有2就替换为“二、”，比如如下字符串：
var str="第<SPAN id=topic_1>1</SPAN>题："
使用str.replace替换后，整个str变成”一、“

var str="第<SPAN id=topic_2>1</SPAN>题："
使用str.replace替换后，整个str变成”二、“

var str="第<SPAN id=topic_3>1</SPAN>题："
使用str.replace替换后，整个str变成”三、“

var str="第<SPAN id=topic_4>1</SPAN>题："
使用str.replace替换后，整个str变成”四、“

怎么样才能达到我要的结果呢？

（2）以下HTML标签，我想把 ”<DIV class=tChange>XXXXXXX</DIV>“这段之间所有的字符串（包括<DIV class=tChange>和</DIV>）全部替换为空，用js要如何替换处理呢？

str="<DIV class=tChange>"
str=str+"<<DIV onclick=switchTflag(1,1); class=first></DIV>"
str=str+"<DIV onclick=switchTflag(1,1); class=previous></DIV>"
str=str+"<DIV onclick=switchTflag(1+1,1); class=next></DIV>"
str=str+"<DIV onclick=switchTflag(70,4); class=last></DIV>"
str=str+"</DIV>"
说明，上面的str字符串中的数字是会变化的，也就是switchTflag(X1,X2);括号内的两个参数。数字会变化的，有可能是1~100都可以。

以上的两个问题，就是我遇到的问题，请高手。测试好后，再发给我代码哦，万分感谢！！！！我会给高分哦

...全文

fengyu2004_4

JavaScript 87,983 成员 224,681 内容

+ 关注 + 加入社区

切换为时间正序

fengyu2004_4 2014-07-29

打赏
举报

非常感谢各位高手的相助，终于解决了，谢谢你们~！也谢谢csdn这个平台！

tony4geek 2014-07-28

打赏
举报

str.replace(/<DIV class="?tChange"?>[\d\D]*?<\/DIV>\s*<\/DIV>/i,""))

fengyu2004_4 2014-07-27

打赏
举报

经测试，以上的方法都可以的，但有一个问题就是“字符串”我是用asp生成的，如果是IE浏览器，上面的代码可以达到我要的效果，可以替换掉成空；但是如果是firefox浏览器，它默认会加上“双引号”，比如：<DIV class=tChange>asp输出之后，它会变成<DIV class=“tChange”>多了双引号，结果就替换不掉，这样，往往，这样的relace我得写2次重复的语句代码，很麻烦，有没有办法只写一次的代码就可以的？？？下面就是我现写的2次重写的代码： str.replace(/<DIV class=tChange>[\d\D]*?<\/DIV>\s*<\/DIV>/i,"")) //针对ie浏览器 str.replace(/<DIV class="tChange">[\d\D]*?<\/DIV>\s*<\/DIV>/i,"")) //针对firefox浏览器（tChange多一个“双引号”的处理）万分感谢，这个解决完，就结贴了～～呵呵

hch126163 2014-07-25

打赏
举报

var str="第<SPAN id=topic_1>1</SPAN>题：第<SPAN id=topic_2>1</SPAN>题：第<SPAN id=topic_4>1</SPAN>题："
var nums=['零','一','二','三','四','五','六','七','八','九','十']
str=str.replace(/<SPAN id=topic_(\d)+>.*?<\/SPAN>/ig,function(s){s=s.match(/id=topic_(\d)+>/i);return nums[parseInt(s[1],10)]; });
alert(str); 

str="html htmlhtmlhtml<DIV class=tChange>"
str=str+"<DIV onclick=switchTflag(1,1); class=first></DIV>"
str=str+"<DIV onclick=switchTflag(1,1); class=previous></DIV>"
str=str+"<DIV onclick=switchTflag(1+1,1); class=next></DIV>"
str=str+"<DIV onclick=switchTflag(70,4); class=last></DIV>"
str=str+"</DIV>替换"
alert(str.replace(/<DIV class=tChange>[\d\D]*?<\/DIV>\s*<\/DIV>/i,""))

似梦飞花 2014-07-25

打赏
举报

str="<DIV class=tChange>" str=str+"<<DIV onclick=switchTflag(1,1); class=first></DIV>" str=str+"<DIV onclick=switchTflag(1,1); class=previous></DIV>" str=str+"<DIV onclick=switchTflag(1+1,1); class=next></DIV>" str=str+"<DIV onclick=switchTflag(70,4); class=last></DIV>" str=str+"</DIV>" var div=document.createElement('div'); div.innerHTML=str; div.removeChild($('.tChange')[0]); alert(div.innerHTML);

似梦飞花 2014-07-25

打赏
举报

var str="第<SPAN id=topic_4>1</SPAN>题：" var reg=/id=topic_(\d+)/; var arr=reg.exec(str); var s=['零','一','二','三','四','五','六','七','八','九'] if(arr&&arr.length>0){ str=s[arr[1]]; } alert(str);

js replace 替换某段html标签之间的内容

相关推荐