求一超难的正则替换方法！

本帖最后由 regex2013 于 2011-03-15 16:34:15 编辑

解决方案 »

  1.   

        不好意思，楼主没能完成，却感觉有点难，我只分析到这一步能把中间的规则的标签一个挨一个的变成[a]xxx[/a]，但是如果内部多层嵌套的，或者距离比较远的，顶部和底部的就无法起作用了！我实在有点糊涂了！我先把我写的代码发出来，看谁能继续研究研究！谢了！
        
         <html>
    <title>test</title>
    <head>
    <script type="text/javascript">
    window.onload=function(){
    //alert(document.getElementsByTagName('body')[0].getElementsByTagName('p')[0].innerHTML);
    var tt=document.getElementsByTagName('body')[0].getElementsByTagName('p')[0].innerHTML;
    var reg=/<([^>]+)>(.*?)<(\/[^>]+)>/igm;
    var str=tt.replace(reg,'[$1]$2[$3]');
     alert(str);
    }
    </script>
    </head>
    <body>
    <P style="background-color:aqua;padding:30px;">
    <TABLE>
      <TBODY>
      <TR>
        <TD>
          <P id="img1" onclick="alert(this.parentElement.id)"><A href="http://image.img.com///2011/03/141740919.jpg" target=_blank><IMG class=imgborder border=1 alt=2011XUFULTZ  src="templetfile/232958916.jpg" width=270 height=180></A></P>
          <P id="img1text" style="TEXT-ALIGN: center"><SPAN style="COLOR: #0000ff"><B>2011XUFULTZ</B></SPAN></P></TD>
        <TD>
          <P id="img2"><A href="http://image.img.com///2011/03/141804409.jpg" target=_blank><IMG class=imgborder border=1 alt=2012FT  src="templetfile/233028672.jpg" width=270  height=180></A></P>
          <P id="img2text" style="TEXT-ALIGN: center"><SPAN  style="COLOR: #0000ff"><B>2012</B></SPAN></P>
          </TD>
      </TR>
      </TBODY>
    </TABLE>
    </P>
    <P>
    <TABLE class=table_news border=0 cellSpacing=0 cellPadding=0 align=center>
      <THEAD>
      <TR>
        <TH>ch</TH>
        <TH>2011LTZ</TH>
        <TH>2012itanium</TH></TR></THEAD>
      <TBODY>
      <TR>
        <TD colSpan=3>外观尺寸及容量</TD></TR>
      <TR>
        <TD>长mm</TD>
        <TD>4597</TD>
        <TD>4534</TD></TR>
      <TR>
        <TD>宽mm</TD>
        <TD>1796</TD>
        <TD>1824</TD></TR>
      <TR>
        <TD>高mm</TD>
        <TD>1476</TD>
        <TD>1468</TD></TR>
      </TBODY>
    </TABLE>
    </P>
    </body>
    </html>
        
      

  2.   

    感谢falizixun2，也请各位朋友继续关注！
      

  3.   

    <html>
    <title>test</title>
    <head>
    <script type="text/javascript">
    window.onload=function(){
    //alert(document.getElementsByTagName('body')[0].getElementsByTagName('p')[0].innerHTML);
    var tt = window.tt = document.getElementsByTagName('body')[0];

    var content = tt.innerHTML;

    var table = '', table_replace = '', tables = null;
    var index = 0, prefix = '', after = '';

    // 第一次找出所有p标签中的table
    var reg1 = /\s*<p[^>]*>\s*(<table[^>]*>(?:\s*<(?!\/?table[^>]*>)[^>]+>[^<]*)+<\/table>)\s*<\/p>\s*/igm;

    // 第二次将<>变成[]
    var reg2 = /<([^>]+)>/igm;

    while ((tables = reg1.exec(content)) != null)  {
    table = tables[1];
    table_replace = table.replace(reg2, '[$1]');


    // 查找字符串的位置, 将正确的内容替换回去
    index = content.indexOf(table);
    prefix = content.substring(0, index);
    afterfix = content.substring(index + table.length);
    content = prefix + table_replace + afterfix;
    }
    tt. innerHTML = content;
    }
    </script>
    </head>
    <body>
    <P style="background-color:aqua;padding:30px;">
    <TABLE>
      <TBODY>
      <TR>
        <TD>
          <P id="img1" onclick="alert(this.parentElement.id)"><A href="http://image.img.com///2011/03/141740919.jpg" target=_blank><IMG class=imgborder border=1 alt=2011XUFULTZ  src="templetfile/232958916.jpg" width=270 height=180></A></P>
          <P id="img1text" style="TEXT-ALIGN: center"><SPAN style="COLOR: #0000ff"><B>2011XUFULTZ</B></SPAN></P></TD>
        <TD>
          <P id="img2"><A href="http://image.img.com///2011/03/141804409.jpg" target=_blank><IMG class=imgborder border=1 alt=2012FT  src="templetfile/233028672.jpg" width=270  height=180></A></P>
          <P id="img2text" style="TEXT-ALIGN: center"><SPAN  style="COLOR: #0000ff"><B>2012</B></SPAN></P>
          </TD>
      </TR>
      </TBODY>
    </TABLE>
    </P>
    <P>
    <TABLE class=table_news border=0 cellSpacing=0 cellPadding=0 align=center>
      <THEAD>
      <TR>
        <TH>ch</TH>
        <TH>2011LTZ</TH>
        <TH>2012itanium</TH></TR></THEAD>
      <TBODY>
      <TR>
        <TD colSpan=3>外观尺寸及容量</TD></TR>
      <TR>
        <TD>长mm</TD>
        <TD>4597</TD>
        <TD>4534</TD></TR>
      <TR>
        <TD>宽mm</TD>
        <TD>1796</TD>
        <TD>1824</TD></TR>
      <TR>
        <TD>高mm</TD>
        <TD>1476</TD>
        <TD>1468</TD></TR>
      </TBODY>
    </TABLE>
    </P>
    </body>
    </html>
      

  4.   


    \n 换 <br/> ....
      

  5.   

     ++++++
     真的很强悍！
     楼主这个帖我不要分了，全给hnxxwyq吧！
      

  6.   

    str.replace(/<(?!\/?p\b)([^>]+)>/gi, "[$1]")CODE:<textarea id="txt">
    <P style="background-color:aqua;padding:30px;">
    <TABLE>
      <TBODY>
      <TR>
        <TD>
          <P id="img1" onclick="alert(this.parentElement.id)"><A href="http://image.img.com///2011/03/141740919.jpg" target=_blank><IMG class=imgborder border=1 alt=2011XUFULTZ  src="templetfile/232958916.jpg" width=270 height=180></A></P>
          <P id="img1text" style="TEXT-ALIGN: center"><SPAN style="COLOR: #0000ff"><B>2011XUFULTZ</B></SPAN></P></TD>
        <TD>
          <P id="img2"><A href="http://image.img.com///2011/03/141804409.jpg" target=_blank><IMG class=imgborder border=1 alt=2012FT  src="templetfile/233028672.jpg" width=270  height=180></A></P>
          <P id="img2text" style="TEXT-ALIGN: center"><SPAN  style="COLOR: #0000ff"><B>2012</B></SPAN></P>
          </TD>
      </TR>
      </TBODY>
    </TABLE>
    </P>
    <P>
    <TABLE class=table_news border=0 cellSpacing=0 cellPadding=0 align=center>
      <THEAD>
      <TR>
        <TH>ch</TH>
        <TH>2011LTZ</TH>
        <TH>2012itanium</TH></TR></THEAD>
      <TBODY>
      <TR>
        <TD colSpan=3>外观尺寸及容量</TD></TR>
      <TR>
        <TD>长mm</TD>
        <TD>4597</TD>
        <TD>4534</TD></TR>
      <TR>
        <TD>宽mm</TD>
        <TD>1796</TD>
        <TD>1824</TD></TR>
      <TR>
        <TD>高mm</TD>
        <TD>1476</TD>
        <TD>1468</TD></TR>
      </TBODY>
    </TABLE>
    </P>
    </textarea><script>
    alert(txt.value.replace(/<(?!\/?p\b)([^>]+)>/gi, "[$1]"))
    </script> 
      

  7.   

    你这个是什么意思<(?!\/?p\b)([^>]+)>  ？这个没看太懂，能详解一下吗？还有既然是多行，为什么你在正则末尾不加/igm，不加m呢？特请教，谢谢！
      

  8.   

    学习了：<html>
    <head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html;charset=GBK">
    </head>
    <body>
    <P>
    <TABLE class=table_news border=0 cellSpacing=0 cellPadding=0 align=center>
      <THEAD>
      <TR>
        <TH>ch</TH>
        <TH>2011LTZ</TH>
        <TH>2012itanium</TH></TR></THEAD>
      <TBODY>
      <TR>
        <TD colSpan=3>外观尺寸及容量</TD></TR>
      <TR>
        <TD>长mm</TD>
        <TD>4597</TD>
        <TD>4534</TD></TR>
      <TR>
        <TD>宽mm</TD>
        <TD>1796</TD>
        <TD>1824</TD></TR>
      <TR>
        <TD>高mm</TD>
        <TD>1476</TD>
        <TD>1468</TD></TR>
      </TBODY>
    </TABLE>
    </P>
    <script type="text/javascript">
      window.onload = function()
      {
       var pelems = document.getElementsByTagName("p");
       for(i=0;i<pelems.length;i++)
       {
          var tab = pelems[i].innerHTML;
          var reg = /<([^<]+)>/g;
          pelems[i].innerHTML = tab.replace(reg,'[$1]').replace(/\r\n/g,'<br>');
       }
        
      }
    </script>
    </body>
    </html>
      

  9.   

    你的方法应该行，但如何把
    [TABLE class=table_news border=0 cellSpacing=0 cellPadding=0 align=center] [THEAD] [TR] [TH]ch[/TH] [TH]2011LTZ[/TH] [TH]2012itanium[/TH][/TR][/THEAD] [TBODY] [TR] [TD colSpan=3]外观尺寸及容量[/TD][/TR] [TR] [TD]长mm[/TD] [TD]4597[/TD] [TD]4534[/TD][/TR] [TR] [TD]宽mm[/TD] [TD]1796[/TD] [TD]1824[/TD][/TR] [TR] [TD]高mm[/TD] [TD]1476[/TD] [TD]1468[/TD][/TR][/TBODY][/TABLE]
    再变回原样呢？
      

  10.   


    <html>
    <title>test</title>
    <head>
    <script type="text/javascript">
    朋友你的代码实现了把<p>下的table代码都[]形式，我希望该再能实现把<p>[table]...[/table]</p>包替换回来</script>
    </head>
    <body>
    <p>111111</p>
    <p>222</p>
    <P style="background-color:aqua;padding:30px;">
    <TABLE>
      <TBODY>
      <TR>
        <TD>
          <P id="img1" onclick="alert(this.parentElement.id)"><A href="http://image.img.com///2011/03/141740919.jpg" target=_blank><IMG class=imgborder border=1 alt=2011XUFULTZ  src="templetfile/232958916.jpg" width=270 height=180></A></P>
          <P id="img1text" style="TEXT-ALIGN: center"><SPAN style="COLOR: #0000ff"><B>2011XUFULTZ</B></SPAN></P></TD>
        <TD>
          <P id="img2"><A href="http://image.img.com///2011/03/141804409.jpg" target=_blank><IMG class=imgborder border=1 alt=2012FT  src="templetfile/233028672.jpg" width=270  height=180></A></P>
          <P id="img2text" style="TEXT-ALIGN: center"><SPAN  style="COLOR: #0000ff"><B>2012</B></SPAN></P>
          </TD>
      </TR>
      </TBODY>
    </TABLE>
    </P>
    <p>33333</p>
    <P>
    <TABLE class=table_news border=0 cellSpacing=0 cellPadding=0 align=center>
      <THEAD>
      <TR>
        <TH>ch</TH>
        <TH>2011LTZ</TH>
        <TH>2012itanium</TH></TR></THEAD>
      <TBODY>
      <TR>
        <TD colSpan=3>外观尺寸及容量</TD></TR>
      <TR>
        <TD>长mm</TD>
        <TD>4597</TD>
        <TD>4534</TD></TR>
      <TR>
        <TD>宽mm</TD>
        <TD>1796</TD>
        <TD>1824</TD></TR>
      <TR>
        <TD>高mm</TD>
        <TD>1476</TD>
        <TD>1468</TD></TR>
      </TBODY>
    </TABLE>
    </P>
    </body>
    </html>
      

  11.   

    <(?!\/?p\b)([^>]+)>
    我个人的理解是：字面意思为:<符号后为，不是0个或1个单词边界的p标签，之后为1个或多个不是>字符的任何符号并以>结尾意思就是匹配除了<p>或</p>以外的任何<...>,</...>这样的元素标签。不知道我的理解有没有错！欢迎指正！
      

  12.   


    如果你只是为了替换后处理过以后再替换回来，建议你直接用 [[[table]]]代替[table], 以便减小误差，这样的话你就可以直接
    <script type="text/javascript">
        var tt = document.getElementsByTagName('body')[0];
        tt.innerHTML = tt.innerHTML.replace(/\[\[\[([^\]]+)\]\]\]/igm, '<$1>');
    </script>
      

  13.   

    <textarea id="txt" style="width:600px;height:500px">
    <P style="background-color:aqua;padding:30px;">
    <TABLE>
      <TBODY>
      <TR>
        <TD>
          <P id="img1" onclick="alert(this.parentElement.id)"><A href="http://image.img.com///2011/03/141740919.jpg" target=_blank><IMG class=imgborder border=1 alt=2011XUFULTZ  src="templetfile/232958916.jpg" width=270 height=180></A></P>
          <P id="img1text" style="TEXT-ALIGN: center"><SPAN style="COLOR: #0000ff"><B>2011XUFULTZ</B></SPAN></P></TD>
        <TD>
          <P id="img2"><A href="http://image.img.com///2011/03/141804409.jpg" target=_blank><IMG class=imgborder border=1 alt=2012FT  src="templetfile/233028672.jpg" width=270  height=180></A></P>
          <P id="img2text" style="TEXT-ALIGN: center"><SPAN  style="COLOR: #0000ff"><B>2012</B></SPAN></P>
          </TD>
      </TR>
      </TBODY>
    </TABLE>
    </P>
    <P>
    <TABLE class=table_news border=0 cellSpacing=0 cellPadding=0 align=center>
      <THEAD>
      <TR>
        <TH>ch</TH>
        <TH>2011LTZ</TH>
        <TH>2012itanium</TH></TR></THEAD>
      <TBODY>
      <TR>
        <TD colSpan=3>外观尺寸及容量</TD></TR>
      <TR>
        <TD>长mm</TD>
        <TD>4597</TD>
        <TD>4534</TD></TR>
      <TR>
        <TD>宽mm</TD>
        <TD>1796</TD>
        <TD>1824</TD></TR>
      <TR>
        <TD>高mm</TD>
        <TD>1476</TD>
        <TD>1468</TD></TR>
      </TBODY>
    </TABLE>
    </P>
    </textarea>
    <br>
    <input type=button value=替　换 onclick="javascript:txt.value=txt.value.replace(/<(?!\/?p\b)([^>]+)>/gi, '[$1]')">
    <input type=button value=替　换 onclick="javascript:txt.value=txt.value.replace(/\[([^\]]+)\]/gi, '<$1>')">
      

  14.   

    纠正：上面<input type=button value=替　换 onclick="javascript:txt.value=txt.value.replace(/\[([^\]]+)\]/gi, '<$1>')">的“替换”应为“复原”，笔误。
      

  15.   

    12楼的貌似最合适了。咱写了个返回的函数，你就将就的用吧。不要给分
    <html>
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html;charset=GBK">
    </head>
    <body>
    <P>
        <TABLE class=table_news border=0 cellSpacing=0 cellPadding=0 align=center>
      <THEAD>
      <TR>
        <TH>ch</TH>
        <TH>2011LTZ</TH>
        <TH>2012itanium</TH></TR></THEAD>
      <TBODY>
      <TR>
        <TD colSpan=3>外观尺寸及容量</TD></TR>
      <TR>
        <TD>长mm</TD>
        <TD>4597</TD>
        <TD>4534</TD></TR>
      <TR>
        <TD>宽mm</TD>
        <TD>1796</TD>
        <TD>1824</TD></TR>
      <TR>
        <TD>高mm</TD>
        <TD>1476</TD>
        <TD>1468</TD></TR>
      </TBODY>
    </TABLE>
    </P>
    <script type="text/javascript">
      function re_table()
      {
          var pelems = document.getElementsByTagName("p");
          for(i=0;i<pelems.length;i++)
          {
                var tab = pelems[i].innerHTML;
                var reg = /<([^<]+)>/g;
                pelems[i].innerHTML = tab.replace(reg,'[$1]').replace(/\r\n/g,'<br>');
          }
           
      }
      function back_table()
        {
          var pelems = document.getElementsByTagName("p");
          for(i=0;i<pelems.length;i++)
          {
      alert(pelems[i].innerHTML);
                var tab = pelems[i].innerHTML;
                var reg = /\[([^\[]+)\]/g;
                pelems[i].innerHTML = tab.replace(reg,'<$1>').replace('<br>',/\r\n/g);
          }
           
      }
      re_table();
      back_table();
    </script>
    </body>
    </html>
      

  16.   


        适合是适合，但是第一次替换<([^<]+)>为[],第二次替换换行的思路和正则代码，全部源自hnxxwyq，可以说这个正则的原创者依然是hnxxwyq！其他几个代码都是依样画葫芦，拿去改改而已，正则思路并没有突破原格局！所以我尊重原创者#6hnxxwyq！呵呵！
       
      

  17.   

        还有10#的<(?!\/?p\b)([^>]+)>这个正则也具有一定创新性，不是简单拿别人的正则直接用，格局有所改变，也值得学习一下！
      

  18.   

    如果需要很精确的替换——<textarea id="txt" style="width:600px;height:500px">
    <P style="background-color:aqua;padding:30px;">
    <TABLE>
      <TBODY>
      <TR>
        <TD>
          <P id="img1" onclick="alert(this.parentElement.id)"><A href="http://image.img.com///2011/03/141740919.jpg" target=_blank><IMG class=imgborder border=1 alt=2011XUFULTZ  src="templetfile/232958916.jpg" width=270 height=180></A></P>
          <P id="img1text" style="TEXT-ALIGN: center"><SPAN style="COLOR: #0000ff"><B>2011XUFULTZ</B></SPAN></P></TD>
        <TD>
          <P id="img2"><A href="http://image.img.com///2011/03/141804409.jpg" target=_blank><IMG class=imgborder border=1 alt=2012FT  src="templetfile/233028672.jpg" width=270  height=180></A></P>
          <P id="img2text" style="TEXT-ALIGN: center"><SPAN  style="COLOR: #0000ff"><B>2012</B></SPAN></P>
          </TD>
      </TR>
      </TBODY>
    </TABLE>
    </P>
    <P>
    <TABLE class=table_news border=0 cellSpacing=0 cellPadding=0 align=center>
      <THEAD>
      <TR>
        <TH>ch</TH>
        <TH>2011LTZ</TH>
        <TH>2012itanium</TH></TR></THEAD>
      <TBODY>
      <TR>
        <TD colSpan=3>外观尺寸及容量</TD></TR>
      <TR>
        <TD>长mm</TD>
        <TD>4597</TD>
        <TD>4534</TD></TR>
      <TR>
        <TD>宽mm</TD>
        <TD>1796</TD>
        <TD>1824</TD></TR>
      <TR>
        <TD>高mm</TD>
        <TD>1476</TD>
        <TD>1468</TD></TR>
      </TBODY>
    </TABLE>
    </P>
    </textarea>
    <br>
    <input type=button value=替　换 onclick="javascript:txt.value=txt.value.replace(/<table[\S\s]*?\/table>/gi, function($){return $.replace(/<([^>]+)>/g, '[$1]')})">
    <input type=button value=复　原 onclick="javascript:txt.value=txt.value.replace(/\[([^\]]+)\]/gi, '<$1>')">
      

  19.   


    楼上的这些如果，<p>外边有<table>的话，基本上外边的<table>也会替换的，当然如果没有<p>标签外存在的话，这个是不需要这么严谨的第二种如果有一个"[一]"这样的内容的话，也是会替换掉的所以没有那个正则一定是正确的答案，要根据自己的实际应用来衡量，简单就要楼上的，严谨就用我给你说的
      

  20.   

    这样的问题我想大家都在绕弯子吧
    本身就是不符合DTD的东西，为什么非要去做呢
    现在仅仅是为了一个select折腾个来回有必要吗？
    不说楼上诸位的正则缺陷，即使是正确的，对代码的可维护性有好处么