Javascript 如何分别启用对所有循环图像的单击

我创建博客页面，使用PHP示例（Facebook like button）根据帖子总数循环like按钮图像在这里，我面临的问题是php，而循环正在工作，但当我单击第一个帖子图像仅与点击动画一起工作时，如果我单击第二个类似帖子的按钮，也就是第一个帖子按钮仅工作，我无法理解问题是什么。请建议我或给出解决方案如何解决这个问题。我把代码写下来了

svg{
光标：指针；
溢出：可见；
宽度：60px；
保证金：0；
边缘底部：-45px；
}
svg#心脏{
变换原点：中心；
动画：动画耳朵。3s线性向前；
}
svg#主电路{
变换原点：29.5px29.5px；
}
#复选框插件{
显示：无；
}
#复选框插入：选中+标记svg#心脏{
变换：比例（0.2）；
填充：#ddd810；
动画：动画心脏。3s线性向前。25s；
}
#复选框插入：选中+标记svg#主循环{
过渡：所有2；
动画：动画循环。3s线性向前；
不透明度：1；
}
#复选框ins:选中+标记svg#grp1{
不透明度：1；
转换：.1s全部。3s；
}
#复选框插入：选中+标记svg#grp1#oval1{
变换：缩放（0）平移（0，-30px）；
变换原点：0；
转换：.5s转换。3s；
}
#复选框插入：选中+标记svg#grp1#oval2{
变换：缩放（0）平移（10px，-50px）；
变换原点：0；
转换：1.5s转换。3s；
}
#复选框ins:选中+标记svg#grp2{
不透明度：1；
转换：.1s全部。3s；
}
#复选框插入：选中+标记svg#grp2#oval1{
变换：缩放（0）平移（30px，-15px）；
变换原点：0；
转换：.5s转换。3s；
}
#复选框插入：选中+标记svg#grp2#oval2{
变换：缩放（0）平移（60px，-15px）；
变换原点：0；
转换：1.5s转换。3s；
}
#复选框ins:选中+标记svg#grp3{
不透明度：1；
转换：.1s全部。3s；
}
#复选框插入：选中+标记svg#grp3#oval1{
变换：缩放（0）平移（30px，0px）；
变换原点：0；
转换：.5s转换。3s；
}
#复选框插入：选中+标记svg#grp3#oval2{
变换：缩放（0）平移（60px，10px）；
变换原点：0；
转换：1.5s转换。3s；
}
#复选框ins:选中+标记svg#grp4{
不透明度：1；
转换：.1s全部。3s；
}
#复选框插入：选中+标记svg#grp4#oval1{
变换：缩放（0）平移（30px，15px）；
变换原点：0；
转换：.5s转换。3s；
}
#复选框插入：选中+标记svg#grp4#oval2{
变换：缩放（0）平移（40px，50px）；
变换原点：0；
转换：1.5s转换。3s；
}
#复选框插入：选中+标记svg#grp5{
不透明度：1；
转换：.1s全部。3s；
}
#复选框插入：选中+标记svg#grp5#oval1{
变换：缩放（0）平移（-10px，20px）；
变换原点：0；
转换：.5s转换。3s；
}
#复选框插入：选中+标记svg#grp5#oval2{
变换：缩放（0）平移（-60px，30px）；
变换原点：0；
转换：1.5s转换。3s；
}
#复选框插入：选中+标记svg#grp6{
不透明度：1；
转换：.1s全部。3s；
}
#复选框插入：选中+标记svg#grp6#oval1{
变换：缩放（0）平移（-30px，0px）；
变换原点：0；
转换：.5s转换。3s；
}
#复选框插入：选中+标记svg#grp6#oval2{
变换：缩放（0）平移（-60px，-5px）；
变换原点：0；
转换：1.5s转换。3s；
}
#复选框插件：选中+标记svg#grp7{
不透明度：1；
转换：.1s全部。3s；
}
#复选框插入：选中+标记svg#grp7#oval1{
变换：缩放（0）平移（-30px，-15px）；
变换原点：0；
转换：.5s转换。3s；
}
#复选框插入：选中+标记svg#grp7#oval2{
变换：缩放（0）平移（-55px，-30px）；
变换原点：0；
转换：1.5s转换。3s；
}
#复选框ins:选中+标记svg#grp2{
不透明度：1；
转换：1s不透明度。3s；
}
#复选框ins:选中+标记svg#grp3{
不透明度：1；
转换：1s不透明度。3s；
}
#复选框ins:选中+标记svg#grp4{
不透明度：1；
转换：1s不透明度。3s；
}
#复选框插入：选中+标记svg#grp5{
不透明度：1；
转换：1s不透明度。3s；
}
#复选框插入：选中+标记svg#grp6{
不透明度：1；
转换：1s不透明度。3s；
}
#复选框插件：选中+标记svg#grp7{
不透明度：1；
转换：1s不透明度。3s；
}
@关键帧动画循环{
40% {
变换：标度（10）；
不透明度：1；
填充：#ddd810；
}
55% {
转换：量表（11）；
不透明度：1；
填充：#ddd810；
}
65% {
转换：量表（12）；
不透明度：1；
填充：#ddd810；
}
75% {
转换：量表（13）；
不透明度：1；
填充：透明；
行程：#ddd810；
笔画宽度：.5；
}
85% {
转换：量表（17）；
不透明度：1；
填充：透明；
行程：#ddd810；
笔画宽度：.2；
}
95% {