将表格改成段落

时间:2011-02-24 20:16:29

标签: javascript jquery

在我的商店里,很多商品都有不同的尺寸或颜色。电子商务平台允许这些,但使用表格编码。我无法访问平台的源文件,所以我无法在后端按照我想要的方式格式化这些文件。目前它们的格式如下:

<div class="attributes">
    <table>
        <tbody>
            <tr>
                <td>Size:</td>
                <td>&nbsp;</td>
                <td><select><option>Select</option></select</td>
            </tr>
        </tbody>
    </table>
</div>

每个选项都在它自己的行中,所以如果有选择颜色的选项,表格中只有另一行有三个<td>,它们有颜色选项。现在我想要的不是垂直列出这些,而是​​希望它们水平列出。实现这一目标的最佳方法是什么?我应该提到JavaScript是我唯一的选择,因为该平台不允许将任何asp或php文件上传到服务器。我希望有一个相对简单的方法来做到这一点。我尝试抓取每个<td>的内容并存储它,然后从DOM中删除<table>并将内容插入<p>标签,但这比它更麻烦价值。任何建议都将不胜感激。

1 个答案:

答案 0 :(得分:1)

也许你应该改变平台。 ;) 如果JavaScript是你唯一的选择,那么你需要解析表并重写整个DOM.Parse表,将其转换为json然后你应该使用javascript模板(也许是胡子),让你的生活更轻松。否则你可能会疯了。