Jquery 从子映像src动态生成FancyBox链接href

我正在使用FancyBox创建一个简单的图像库，但我想从图像的SRC属性（即链接的子级）自动设置link HREF属性。这是我的HTML：

<ul id="gallery">
  <li><a href="#" rel="group" class="fancybox"><img src="images/01.jpg" alt="" class="picBorder" /></a></li>
  <li><a href="#" rel="group" class="fancybox"><img src="images/02.jpg" alt="" class="picBorder" /></a></li>
  <li><a href="#" rel="group" class="fancybox"><img src="images/03.jpg" alt="" class="picBorder" /></a></li>
</ul>

唉，这是行不通的。如果可能的话，我宁愿在Fancybox中这样做，而不是在页面加载时动态创建链接

提前感谢您的任何建议

编辑：

---

为了澄清，没有出现控制台错误&fancybox的模式窗口显示正常的“无法加载请求的内容。请稍后重试”。错误。。。这表明问题在于我如何遍历代码。

由于我无法直接解决此问题，因此我选择删除页面加载时生成的链接。这是我在帮助任何人时使用的代码：

$(document).ready(function() {
   $('ul#gallery li').each(function() {
      var url =  $(this).children("img").attr("src");
      $(this).children("img").wrap('<a class="fancybox" rel="group" href="' + url + '" />');
   });
   $(".fancybox").fancybox();
});

$（文档）.ready（函数（）{
$（'ul#gallery li'）。每个（函数（）{
var url=$（this.children（“img”）.attr（“src”）；
$（此）.children（“img”）.wrap（“”）；
});
$（“.fancybox”）.fancybox（）；
});

$(document).ready(function() {
   $('ul#gallery li').each(function() {
      var url =  $(this).children("img").attr("src");
      $(this).children("img").wrap('<a class="fancybox" rel="group" href="' + url + '" />');
   });
   $(".fancybox").fancybox();
});