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+'" />');

这个$ .each会让你迭代一系列：

<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

使用$ .each迭代要包装的所有图像，然后使用

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

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

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

3 个答案: