jquery - 每个循环变量变成背景图片，隐藏关键？

Question

这个问题的答案可能真的很简单，所以请放轻松，我在过去一个月才开始使用 jQuery。

将一个each循环放在一起以通过滑块中的图像，将它们href'ing到键。代码看起来像这样：

var images = [{key:'1', img:'photo1.jpg'},{key:'2', img:'photo2.jpg'},
    {key:'3', img:'photo3.jpg'},{key:'4', img:'photo4.jpg'}]; 

var buttons = $("<~ul id='index_buttons' />");
$.each(images, function(imgIndex, imgData) {
    $(buttons).append($("<~li><~a href='" + imgData.img + "'>" + imgData.key + "<~/a><~/li>"));

问题是我想在它生成的滑块顶部放置一个菜单。这可以通过将所有图像更改为 styled 来完成"background-image:"。所以我尝试了：

$(buttons).append($("<~li><~a style=\"background-image:" +  imgData.img 
  + "\"href='"  + imgData.key + "'>""<~/a><~/li>"));

收效甚微。

除此之外，按钮还依赖于键来建立链接。我为图像替换的密钥，但是如何在不破坏链接的情况下隐藏/删除密钥？

谢谢 ：）