我不需要商品信息在js中产生，我只要在
html中产生即可，比如我原来那样：
2B铅笔（12支笔）
优质木质拖拽，书写顺畅，不粘附
¥1
5.00
-
2
+
¥
30
删除
<tr id="product2"> <td> <img src="img/pic2.jpg"/> </div> </td> <td> <div class="ms-name">A
5笔记本</div> <div class="ms1">优质纸张，方格设计，适合日常记录<div> </td> <td > <span class="original-price">¥12</span> </td> <td > <button class="btn1" onclick="updateQuantity
(1, -1
)">-</button> <input type="text" class="quantity-input" id="qty2" value="2" readonly> <button class="btn1" onclick="updateQuantity
(1, 1
)">
+</button> </td> <td > <div class="jg" id="jg2">¥24</div> </td> <td > <button class="sc" onclick="removeProduct
(2
)"> 删除 </button> </td> </tr> <tr id="product
3"> <td> <img src="img/pic
3.jpg"/> </div> </td> <td> <div class="ms-name">彩色荧光笔（
5色）</div> <div class="ms1">多彩荧光标记笔，不易洇染</div> </td> <td > <span class="original-price">¥18.00</span> </td> <td > <button class="btn1" onclick="updateQuantity
(1, -1
)">-</button> <input type="text" class="quantity-input" id="qty
3" value="2" readonly> <button class="btn1" onclick="updateQuantity
(1, 1
)">
+</button> </td> <td > <div class="jg" id="jg
3">¥
36</div> </td> <td > <button class="sc" onclick="removeProduct
(3)"> 删除 </button> </td> </tr> <tr id="product4"> <td> <img src="img/pic4.jpg"/> </div> </td> <td> <div class="ms-name">橡皮擦（
3块装）</div> <div class="ms1">高效擦除，不留痕迹，不易碎</div> </td> <td > <span class="original-price">¥6.00</span> </td> <td > <button class="btn1" onclick="updateQuantity
(1, -1
)">-</button> <input type="text" class="quantity-input" id="qty4" value="2" readonly> <button class="btn1" onclick="updateQuantity
(1, 1
)">
+</button> </td> <td > <div class="jg" id="jg4">¥12</div> </td> <td > <button class="sc" onclick="removeProduct
(4
)"> 删除 </button> </td> </tr> <tr id="product
5"> <td> <img src="img/pic
5.jpg"/> </div> </td> <td> <div class="ms-name">直尺
30cm</div> <div class="ms1">透明刻度清晰，耐用防折断</div> </td> <td > <span class="original-price">¥
5</span> </td> <td > <button class="btn1" onclick="updateQuantity
(1, -1
)">-</button> <input type="text" class="quantity-input" id="qty
5" value="2" readonly> <button class="btn1" onclick="updateQuantity
(1, 1
)">
+</button> </td> <td > <div class="jg" id="jg
5">¥10</div> </td> <td > <button class="sc" onclick="removeProduct
(5)"> 删除 </button> </td> </tr> <tr id="product6"> <td> <img src="img/pic6.jpg"/> </div> </td> <td> <div class="ms-name">圆规</div> <div class="ms1">精密绘图工具，金属材质耐用</div> </td> <td > <span class="original-price">¥8</span> </td> <td > <button class="btn1" onclick="updateQuantity
(1, -1
)">-</button> <input type="text" class="quantity-input" id="qty6" value="2" readonly> <button class="btn1" onclick="updateQuantity
(1, 1
)">
+</button> </td> <td > <div class="jg" id="jg6">¥16</div> </td> <td > <button class="sc" onclick="removeProduct
(6
)"> 删除 </button> </td> </tr> <tr id="product7"> <td> <img src="img/pic7.jpg"/> </div> </td> <td> <div class="ms-name">钢笔</div> <div class="ms1">经典款式，流畅书写，赠送墨囊</div> </td> <td > <span class="original-price">¥20.00</span> </td> <td > <button class="btn1" onclick="updateQuantity
(1, -1
)">-</button> <input type="text" class="quantity-input" id="qty7" value="2" readonly> <button class="btn1" onclick="updateQuantity
(1, 1
)">
+</button> </td> <td > <div class="jg" id="jg7">¥
30</div> </td> <td > <button class="sc" onclick="removeProduct
(7
)"> 删除 </button> </td> </tr> <tr id="product8"> <td> <img src="img/pic8.jpg"/> </div> </td> <td> <div class="ms-name">文件夹</div> <div class="ms1">A4尺寸，可装
30页纸，多色可选</div> </td> <td > <span class="original-price">¥16.00</span> </td> <td > <button class="btn1" onclick="updateQuantity
(1, -1
)">-</button> <input type="text" class="quantity-input" id="qty8" value="2" readonly> <button class="btn1" onclick="updateQuantity
(1, 1
)">
+</button> </td> <td > <div class="jg" id="jg8">¥
32</div> </td> <td > <button class="sc" onclick="removeProduct
(8
)"> 删除 </button> </td> </tr> <tr id="product9"> <td> <img src="img/pic9.jpg"/> </div> </td> <td> <div class="ms-name">修正带</div> <div class="ms1">
5mm宽度，8m长，修正精确无残留</div> </td> <td > <span class="original-price">¥10.00</span> </td> <td > <button class="btn1" onclick="updateQuantity
(1, -1
)">-</button> <input type="text" class="quantity-input" id="qty9" value="2" readonly> <button class="btn1" onclick="updateQuantity
(1, 1
)">
+</button> </td> <td > <div class="jg" id="jg9">¥20</div> </td> <td > <button class="sc" onclick="removeProduct
(9
)"> 删除 </button> </td> </tr> <tr id="product10"> <td> <img src="img/pic10.jpg"/> </div> </td> <td> <div class="ms-name">便利贴套装</div> <div class="ms1">多色组合，
3种尺寸，便于标记归类</div> </td> <td > <span class="original-price">¥14.00</span> </td> <td > <button class="btn1" onclick="updateQuantity
(1, -1
)">-</button> <input type="text" class="quantity-input" id="qty10" value="2" readonly> <button class="btn1" onclick="updateQuantity
(1, 1
)">
+</button> </td> <td > <div class="jg" id="jg10">¥28</div> </td> <td > <button class="sc" onclick="removeProduct
(10
)"> 删除 </button> </td> </tr> </tbody>
另外请把新添加代码改成js
入门级别的，不要太难
扫一扫
1092
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
