这是结构。我的项目中有很多 <div class="extra">
这样的。
<div class="extra">
<table width="90%">
<colgroup>
<col width="40%"/>
<col width="30%"/>
<col width="30%"/>
</colgroup>
<tr><td>/*.1.*/</td><td>/*.1.*/</td><td>/*.1.*/</td></tr>
<tr><td>/*.2.*/</td><td>/*.2.*/</td><td>/*.2.*/</td></tr>
</table>
</div>
我怎样才能将每个 div 改成这样:
<div class="line">
<table width="90%">
<colgroup>
<col width="40%"/>
<col width="30%"/>
<col width="30%"/>
</colgroup>
<tr><td>/*.1.*/</td><td>/*.1.*/</td><td>/*.1.*/</td></tr>
</table>
</div>
<div class="line">
<table width="90%">
<colgroup>
<col width="40%"/>
<col width="30%"/>
<col width="30%"/>
</colgroup>
<tr><td>/*.2.*/</td><td>/*.2.*/</td><td>/*.2.*/</td></tr>
</table>
</div>
原则:
- 表格的每一列都应该被提取并重组为一个单独的表格。
- 新表嵌套在新表中
<div class="line">
<div class="line">
的风格<colgroup>
应保持原点。
请参阅JSFIDDLE,控制面板显示“未捕获错误:NotFoundError:DOM Exception 8”