核心代码
//获取公示栏内容
s = \”$row.detail$\”;
mainContent =s;
//如果有多个table使用下面注释的正则只会匹配成一个table
//var tabReg = /<table[^>]*>((?!table).)*<\\/table>/gi;
//匹配单个table
var tabReg = /<table[^>]*>\\s*(<tbody[^>]*>)?(\\s*<tr[^>]*>[\\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 = /<img.*?(?:>|\\/>)/gi;
imgMatchContentArray = s.match(imgReg);
if(imgReg.test(s))
{
//将img标签替换为*
mainContent = mainContent.replace(imgReg,\”*\”);
}
//处理html标签
mainContent = mainContent.replace(/ /gi,\” \”);
var pReg1 = /<p>/gi;
var pReg2 = /<\\/p>/gi;
mainContent = mainContent.replace(pReg1,\”\”).replace(pReg2,\”<br />\”);
//下面的htmlReg1 ,htmlReg2可以匹配任意标签
// var htmlReg1 =/<[^>]+>/gi;
// var htmlReg2 =/<(.+?)[\\s]*\\/?[\\s]*>/gi;
//
// mainContent = mainContent.replace(htmlReg1,\”\”).replace(htmlReg2,\”\”);
//mainContent = mainContent.replace(/&/gi,\”<p>\”).replace(/@/gi,\”</p>\”);
var pageIndex = 1;
var size = 500;
var tableContentArray = mainContent.split(\”#\”);
var array = []; //存放以table分割后的数组中每个数组可以分作几页
var arrayIndex = []; //存放table在内容中的索引
var len =0;
for(var i=0;i<tableContentArray.length;i++)
{
var con = tableContentArray[i];
len += con.length;
arrayIndex[i] = len;
array[i] = Math.ceil(con.length /size);
}
var tableIndexArray = [];//存放table内容页码数
var sum = 1;
for(var j=0;j<array.length-1;j++)
{
sum += array[j];
tableIndexArray[j] = sum;
}
var currentPageContent = mainContent.substr((pageIndex-1)*size,size);
if(tableIndexArray.indexOf(pageIndex) >= 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)
{
//获取开始到当前页位置的内容 中的 * 的最后的下标
var reCount = beginToCurrentPageContent.split(\”*\”).length – 1;
var contentArray = currentPageContent.split(\”*\”);
currentPageContent = replaceImgContent(contentArray,reCount,imgMatchContentArray);
}
}
else
{
//当前页是否有 * 获取最后一个 * 的位置
var indexOf = currentPageContent.indexOf(\”*\”);
if(indexOf >= 0)
{
//获取从开始位置到当前页位置的内容
var beginToCurrentPageContent = mainContent.substr(0,pageIndex*size);
//获取开始到当前页位置的内容 中的 * 的最后的下标
var reCount = beginToCurrentPageContent.split(\”*\”).length – 1;
var contentArray = currentPageContent.split(\”*\”);
currentPageContent = replaceImgContent(contentArray,reCount,imgMatchContentArray);
}
}
if(currentPageContent==\”\”)
{
alert(\”页码数超过范围\”);
}
else
{
document.getElementById(\”annouContent\”).innerHTML= currentPageContent;
}
/* currentArray:当前页以 * 分割后的数组
replaceCount:从开始内容到当前页的内容 * 的个数
matchArray : img标签的匹配的内容
*/
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;
}
</script>
下面是一些补充
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及去除各种标签问题的详细内容,更多关于js正则匹配table,img的资料请关注悠久资源网其它相关文章!
您可能感兴趣的文章:
- 一个关于JS正则匹配的踩坑记录
- js正则匹配markdown里的图片标签的实现
- js通过正则匹配没有内容的空标签
- js正则匹配多个全部数据问题
- JS实现关键词高亮显示正则匹配
- 全面详解JS正则中匹配技巧及示例