我有一个网店。有一家公司提供给我。所以他们留给主机和数据库。我有一个管理员可以管理网上商店。在那里我可以更改网站的 CSS、HTML 和 JavaScript，但有一些例外。
我想更改其中一个例外“结帐页面结构”，提供我的网上商店的公司的支持说我必须使用 JavaScript 更改结构。我是 Jquery 的用户友好型。
理论：（这就是它现在在终端客户端的样子）：
**Products list on the cart:**
------------------------------
I Art1 10$ 10units I
I Art2 5$ 4units I
I Art3 1$ 1units I
------------------------------
**Payments method:**
--------------
I Visa I
I Invoice I
I SMS I
--------------
**Freight Alternative:**
-------------------
I Ordinarie I
I DHL Saver I
I DHL Express I
-------------------
**Adress Alternative:**
-----------------------
I Actually adress I
I Customer Name I
I Customer Telefon I
-----------------------
（这就是我希望它在终端客户端上的样子）：
**Products list on the cart: Payments method: Freight Alternative: Adress Alternative:**
-----------------------------------------------------------------------------------
I Art1 10$ 10units I Visa I Ordinarie I Actually adress I
I Art2 5$ 4units I Invoice I DHL Saver I Customer Name I
I Art3 1$ 1units I SMS I DHL Express I Customer Telefon I
-----------------------------------------------------------------------------------
一般而言，这就是公司为我提供的默认 HTML 结帐页面的外观。
<html><!-- CHECKOUT PAGE DEFAULT STRUCTURE -->
<body>
<div>List products on the cart, Example: Art1, Art2, Art3, prices, quantities</div>
<div>
<div>Payment method, Example: Visa, Invoice, SMS</div>
<div>Freight method, Example: ordinary, UPS saver, UPS express</div>
<div>Customer address, Example: Delivery adress, Phone number, Contact person</div>
</div>
</body>
</html>
第 1 步：找到一些 JQuery 替代脚本，以更改结构。
<html><!-- CHECKOUT PAGE DEFAULT STRUCTURE -->
<!-- MAGICAL JQUERY SCRIPT FROM STACKOVERFLOW ANSWER -->
<script>
script
script
</script>
<!-- END -->
<body>
<div>List products on the cart, Example: Art1, Art2, Art3, prices, quantities</div>
<div>
<div>Payment method, Example: Visa, Invoice, SMS</div>
<div>Freight method, Example: ordinary, UPS saver, UPS express</div>
<div>Customer address, Example: Delivery adress, Phone number, Contact person</div>
</div>
</body>
</html>
第 2 步：配置 Jquery 脚本以打破默认页面的结构。因此，当我在保存新脚本后刷新页面时，它看起来像这样。
<html><!-- CHECKOUT PAGE DEFAULT STRUCTURE -->
<!-- MAGICAL JQUERY SCRIPT FROM STACKOVERFLOW ANSWER -->
<script>
script
script
</script>
<!-- END -->
<body>
<table>
<tr>
<td> <div>List products on the cart, Example: Art1, Art2, Art3, prices, quantities</div></td>
<td> <div>Payment method, Example: Visa, Invoice, SMS</div></td>
<td> <div>Freight method, Example: ordinary, UPS saver, UPS express</div></td>
<td> <div>Customer address, Example: Delivery adress, Phone number, Contact person</div></td>
</tr>
</table>
</body>
</html>
有任何想法吗？我找到了一些 Jquery 排序结构。但看起来并不那么新鲜和简单。我错过了一些新的、简单的东西？还是我应该使用 uggly 变体？
来自瑞典的问候。如果这个问题不容易理解，请告诉我！