如何将多个表替换为Divs? [英] How can I replace multiple tables into Divs?
本文介绍了如何将多个表替换为Divs?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
在第二张表下面的代码中,我的代码与第一张表中的代码似乎不一样.
In my code below the second table does not keep the same code it appears to be overwritten by the code from the first table.
有没有一种方法可以保留代码,但仍将表替换为div和spans?
Is there a way so that I can preserve the code yet still replace my tables to be div's and spans?
<script>
$(document).ready(function() {
$('table').replaceWith( $('table').html()
.replace(/<tbody/gi, "<div class='table'")
.replace(/<tr/gi, "<div class='ccbnOutline'")
.replace(/<\/tr>/gi, "</div>")
.replace(/<td/gi, "<span")
.replace(/<\/td>/gi, "</span>")
.replace(/<\/tbody/gi, "<\/div")
);
});
</script>
</head>
<body>
<!-- This will be changed into div's and span's -->
<table width="100%" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td>one</td>
<td>two</td>
<td>three</td>
</tr>
</tbody>
</table>
<!-- End of Example Table -->
<!-- This will be changed into div's and span's -->
<table width="100%" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td>one123</td>
<td>two123</td>
<td>three123</td>
</tr>
</tbody>
</table>
<!-- End of Example Table -->
推荐答案
这是因为您要用多个对象的内容替换多个对象.
This is because you are replacing multiple objects with content of multiple objects.
这里是固定版本:
<script>
$(document).ready(function() {
$('table').each(function (){
$(this).replaceWith( $(this).html()
.replace(/<tbody/gi, "<div class='table'")
.replace(/<tr/gi, "<div class='ccbnOutline'")
.replace(/<\/tr>/gi, "</div>")
.replace(/<td/gi, "<span")
.replace(/<\/td>/gi, "</span>")
.replace(/<\/tbody/gi, "<\/div")
);
});
});
</script>
我让它运行了一个.each循环,并用相应的表一一替换了这些项.
I made it run through an .each loop and replaced the items one by one with the corresponding table.
这篇关于如何将多个表替换为Divs?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文