在循环中覆盖JQuery变量，希望保留不同的值

Question

我正在创建一个视频画廊，并有6个缩略图，当点击，将播放在页面上的iframe各自的视频。

当用户转到视频的下一页，加载存储在XML文档中的新链接时，这6个缩略图会发生变化。

var linkhtml=x[i].getElementsByTagName("linkhtml")[0].childNodes[0].nodeValue;

我遍历了XML中的6个元素，并按如下方式更改了缩略图<td id="videoBox[1-6]">：

$('#videoBox' + j).mousedown(function () {
    frames['videoPlayer'].playVideo(linkhtml, videoPlaylist);
});

然而，这不起作用，因为当我点击任何一个缩略图时，它都会调用上一次设置的linkhtml，所以页面上的第6个视频。

如何才能让每个缩略图正确地保留其链接？

Answer 1

使用匿名函数创建一个闭包，该闭包捕获当时变量的值：

(function(linkhtml){

  $('#videoBox' + j).mousedown(function () {
    frames['videoPlayer'].playVideo(linkhtml, videoPlaylist);
  });

})(linkhtml);