這篇文章主要介紹如何使用js正則匹配table,img及去除各種標簽問題，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！

尼金平網(wǎng)站建設(shè)公司創(chuàng)新互聯(lián)建站,尼金平網(wǎng)站設(shè)計制作，有大型網(wǎng)站制作公司豐富經(jīng)驗。已為尼金平上千提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\成都外貿(mào)網(wǎng)站建設(shè)要多少錢，請找那個售后服務(wù)好的尼金平做網(wǎng)站的公司定做！

核心代碼

//獲取公示欄內(nèi)容
     s = "$row.detail$";
     mainContent =s;
     
     //如果有多個table使用下面注釋的正則只會匹配成一個table
     //var tabReg = /]*>((?!table).)*<\/table>/gi;
    //匹配單個table
     var tabReg = /]*>\s*(]*>)?(\s*]*>[\s\S]*?<\/tr>\s*)*(<\/tbody>)?\s*<\/table>/gi;
     var tabMatch = tabReg.test(s);
     
     var tabMatchContentArray = s.match(tabReg);
 
     if(tabMatch)
     {
      
      mainContent = s.replace(tabReg,"#");
     }
     
     //對img標簽進行匹配
     var imgReg = /|\/>)/gi;
     
     imgMatchContentArray = s.match(imgReg);
    
     if(imgReg.test(s))
     {
      //將img標簽替換為*
      mainContent = mainContent.replace(imgReg,"*");
     }
     //處理html標簽
     mainContent = mainContent.replace(/ /gi," ");
     var pReg1 = /
/gi;
     var pReg2 = /<\/p>/gi;
     mainContent = mainContent.replace(pReg1,"").replace(pReg2,"");
     //下面的htmlReg1 ，htmlReg2可以匹配任意標簽
//     var htmlReg1 =/<[^>]+>/gi;
//     var htmlReg2 =/<(.+?)[\s]*\/?[\s]*>/gi;
//     
//     mainContent = mainContent.replace(htmlReg1,"").replace(htmlReg2,"");
     //mainContent = mainContent.replace(/&/gi,"
").replace(/@/gi,"
");
    var pageIndex = 1;
    var size = 500;
    var tableContentArray = mainContent.split("#");
    var array = []; //存放以table分割后的數(shù)組中每個數(shù)組可以分作幾頁
    
    var arrayIndex = []; //存放table在內(nèi)容中的索引
    
    var len =0;
    for(var i=0;i= 0)
    {
      currentPageContent = tabMatchContentArray[tableIndexArray.indexOf(pageIndex)];
    }
    
    
    if(currentPageContent.indexOf("#")!= -1)
    {
      
      var beginToCurrentPageContent = mainContent.substr(0,pageIndex*size);      
      var tabLastIndex = beginToCurrentPageContent.lastIndexOf("#");
      currentPageContent = currentPageContent.substr(0,tabLastIndex-(pageIndex-1)*size);
 
      //當前頁是否有 * 獲取最后一個 * 的位置 
      var indexOf = currentPageContent.indexOf("*");
      
      if(indexOf >= 0)
      {         
         //獲取開始到當前頁位置的內(nèi)容 中的 * 的最后的下標 
         var reCount = beginToCurrentPageContent.split("*").length - 1;
          
         var contentArray = currentPageContent.split("*");
         
         currentPageContent = replaceImgContent(contentArray,reCount,imgMatchContentArray);  
      }
        
    }
    else
    {
      
      //當前頁是否有 * 獲取最后一個 * 的位置 
      var indexOf = currentPageContent.indexOf("*");
      
      if(indexOf >= 0)
      {
         //獲取從開始位置到當前頁位置的內(nèi)容
         var beginToCurrentPageContent = mainContent.substr(0,pageIndex*size);
         
         //獲取開始到當前頁位置的內(nèi)容 中的 * 的最后的下標 
         var reCount = beginToCurrentPageContent.split("*").length - 1;
          
         var contentArray = currentPageContent.split("*");
         
         currentPageContent = replaceImgContent(contentArray,reCount,imgMatchContentArray);
         
      }
      
    }
    
    if(currentPageContent=="")
    {
      alert("頁碼數(shù)超過范圍");
    }
    else
    { 
      document.getElementById("annouContent").innerHTML= currentPageContent;
    }
    
    /* currentArray:當前頁以 * 分割后的數(shù)組
      replaceCount:從開始內(nèi)容到當前頁的內(nèi)容 * 的個數(shù)
      matchArray ： img標簽的匹配的內(nèi)容
    */
    function replaceImgContent(currentArray,replaceCount,matchArray)
    {      
      var result = "";
      for(var i=currentArray.length -1,j = replaceCount-1 ;i>=1; i--)
      {        
        var temp = (matchArray[j] + currentArray[i]);
        result = temp + result;
        j--;
      }      
      result = currentArray[0] + result ;      
      return result;
    }    
  

下面是一些補充

js正則匹配刪除table

var reg = /<[\/]*(table|td|tr)[ a-zA-z=''""]*>|123/g

一個JAVASCRIPT正則表達式，Table中只保留ColSpan和RowSpan

html = html.replace(/<(TBODY|THEAD|TFOOT|TH|TR|TD)[^>]*?(ColSpan\s*=\s*["']?[^"'>\s]*["']?[^>]*?)?(RowSpan\s*=\s*["']?[^"'>\s]*["']?[^>]*?)?>/gi,"<$1 $2 $3>");

以上是“如何使用js正則匹配table,img及去除各種標簽問題”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！