如何将HTML添加到使用JQuery的图像？

Question

我正在使用Galleria，我需要将Galleria放入带有链接的幻灯片中的图像。

我打算用这个方法：给<img>虚假title=值，然后附加一个<a>标签<img>周围，画我从title=标签需要的链接。

这是我到目前为止的代码。

$("img#gallery").this.title.appendTo("img#gallery") { });

我试图通过所有图像的获取脚本中循环，并追加HTML。

我也不知道我是否应该使用.appendTo或.before和.after

Answer 1

该方法可行。您正在寻找的保鲜功能：

var title = $('#test').attr('title'); 

$('#test').wrap('<a href="'+title+'" />'); 

这$。每次将让你通过一系列迭代：

<img src="" class="test" alt="test" title="http://www.google.com" /> 
<img src="" class="test" alt="test" title="http://www.yahoo.com" /> 

$.each($(".test"), function() { 
    var title = $(this).attr('title'); 
    $(this).wrap('<a href="'+title+'" />'); 
}); 

Answer 2

你可以只听一个点击整个事情，然后计算出如果被点击的图像，如果是哪个图像和然后更改位置对象。

Answer 3

使用$。每次通过所有你想包装图像和迭代然后使用

$('img#gallery').wrap('<a href='whatever'>) 

来包装它。它会自动关闭A标签。