Javascript HTMLCollection索引更改未反映在.append（）之后的变量中

我有一堆以旋转木马方式设置的

div

s。单击“下一步”或“上一步”按钮时，使用JQuery I

.append（）

或

将.prepend（）

a

div

添加到堆栈的顶部或底部。顶部/可见的

div

是“活动的”

div

，它对应于类似命名的

id

属性的

。当单击下一个/上一个按钮后，

div

变为“活动”时，我希望我的Javascript从相应的

中提取

src

属性值，以便我可以在程序的其他地方使用它

我遇到的问题是，当我单击“上一个”或“下一个”按钮时，

div

s会完美地重新排序，但相应的变量不会反映新的“活动的”

div

。例如，

activeAlbumID

在按钮单击后应为

space sounds

时仍保留

discovery sounds

这是我的

：

---

在

animationend

处理程序结束之前，只需“更新”元素集合即可“移动”。。。由于DOM中的追加/前置

// Renew the albums collection.
albums = document.getElementsByClassName('album');
activeAlbum = albums[albums.length - 1];
activeAlbumID = activeAlbum.id;

---

单击后，您可以附加或前置元素。但是所有的

var

都是在

load

上定义的。。。在那之后不要改变。这就是问题所在。脚本编码就像和白痴说话。你必须明确定义每一件事。不要以为它会明白。是的，所有变量都是在“加载”上定义的，但是“相册”节点会通过单击按钮进行更新。这在我打印到console.log（相册[7]）时反映出来。按应有的方式返回“空格音”。为什么“相册”更新了，之后什么都没有？我想我误解了javascript是如何更新变量的。对于没有代码格式的评论，我深表歉意，因此在5分钟后将我排除在编辑之外：

console.log（album[7]）

space sounds

albums

我想你没有发布所有的标记。。。因为我找不到任何

。。。这是一张贴着什么的照片。你能用叉子把它叉好吗。单击左侧的“previous”箭头查看第二组输出。这是答案，除了我需要刷新所有相关变量以获得更新的

activePlaylist

和

widgetSRC

。更新。非常感谢。我仍然很好奇为什么

相册

反映了更新，而没有其他变量反映了更新。有什么想法吗？