Javascript 仅第一个附加的列表元素
我目前正在建立一个电子商务网站，当然有一个添加到篮子部分 产品存储在一个对象中，我试图将每个产品附加到一个div中，当单击购物车图标展开时，该div将显示已添加到购物篮中的所有项目 为此，我将每个products add to cart按钮与一个id相关联，以匹配其对象名称，然后访问其余属性以附加其相关信息。但是，只有一个元素在追加—后面的所有元素都不会追加Javascript 仅第一个附加的列表元素,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我目前正在建立一个电子商务网站，当然有一个添加到篮子部分 产品存储在一个对象中，我试图将每个产品附加到一个div中，当单击购物车图标展开时，该div将显示已添加到购物篮中的所有项目 为此，我将每个products add to cart按钮与一个id相关联，以匹配其对象名称，然后访问其余属性以附加其相关信息。但是，只有一个元素在追加—后面的所有元素都不会追加 var topSellers={ Xbox控制器：{ 名称：“XBOX键盘控制器”， 售价：13.99 }, Svengraph耳机：{
var topSellers={
Xbox控制器：{
名称：“XBOX键盘控制器”，
售价：13.99
},
Svengraph耳机：{
名称：“Svengraph耳机”，
价格：23.49
},
东芝平板电脑：{
名称：“东芝24'平板电视”，
售价：129.99
},
东芝平板电脑：{
名称：“东芝24'平板电视”，
售价：129.99
},
Twinmos：{
名称：“TwinMOS平板电脑8GB”，
售价：129.99
},
hpElite：{
名称：“HP Elite PC”，
价格：439.99
},
hpElite：{
名称：“HP Elite PC”，
价格：439.99
},
外部防护：{
名称：“1TB外部硬盘”，
价格：54.49
},
播客麦克风：{
名称：“播客话筒”，
售价：34.99
},
ps4Slim：{
名称：“PS4超薄控制台”，
售价：229.99
}
}
var cartIcon=document.getElementById（“购物篮”）；
var basketDiv=document.getElementById（“basketContent”）；
var-itemsInBasket=0；
var addItem=document.queryselectoral（“.itemToBasket”）；
cartIcon.addEventListener（“单击”，函数（）{
美元（basketDiv）.fadeIn（“快速”）；
});
对于（变量i=0；i
本周在线销售范围最广
品牌
微软
兼容性
XBox One、XBox 360、PC
键入游戏板
连接
无线
具有反馈和运动传感功能
XBOX键盘控制器
&磅；13.99
加入篮子
产品信息
帘线长度
1.2m
头带
可调
千斤顶
3.5mm
连接
有线和蓝牙
耳片
人造革
录音耳机
&磅；23.49
加入篮子
产品信息
尺寸
33.9 x 55.4 x 6.1
分辨率
720p高清就绪
屏幕类型
发光二极管
支架类型
枢轴
HDMI输入
1插槽
东芝24英寸平板电视
&磅；129.99
加入篮子
产品信息
屏幕类型
7“IPS高清
RAM
1GB DDR3
操作系统
谷歌安卓4.0
摄像头百万像素
正面：0.3 MP |背面：2 MP
比例
16:9
TwinMOS平板电脑8GB
&磅；129.99
加入篮子
产品信息
操作系统Windows 10
处理器
i7-7700四核
内存
128 GB SSD存储
连接
无线和蓝牙
扬声器
由Bang和Olufsen设计的四扬声器
HP ELITE PC
&磅；439.99
加入篮子
产品信息
数据传输速率
5120 MB/秒
物品尺寸
7.9x11.9x1.5cm
物品重量
230克
硬盘速度
5400 rpm
2014车型年
1TB外部硬盘
&磅；54.49
加入篮子
产品信息
灵敏度
-55dB+2dB
方向性
噪声消除
绳索长度
约2m
工作电压
1.5
频率响应
50Hz-16KHz
播客麦克风
&磅；34.99
加入篮子
产品信息
内存
8GB GDDR5
存储大小
500GB，5200RPM
尺寸约为275 x 53 x 305 mm
输入/输出超高速USBx（USB 3.0）
联网
以太网x1 IEEE 802.11b/g/n
PS4超薄控制台
&磅；229.99添加到篮子中
产品信息