使用anchor href动态包装图像

Question

对于具有类边框的所有img元素，我想用一个使用Blogger的data:post.link变量链接到特定帖子的锚元素来包装它们。

我正在使用我在这里找到的一些代码，但它没有任何效果：

jQuery("img.border").wrap("<a expr:href='data:post.link'></a>");

任何帮助将不胜感激！

编辑：它现在正在添加锚点，但它没有正确读取expr:href，所以我得到一个没有属性的空锚。

Answer 1

这对我有用：

function wrapHandler() {
  return "<a expr:href='data:post.link'></a>";
}

$("img.border").wrap(wrapHandler);

我在调用wrapHandler后查看了DOM，它确实添加了正确的包装器。你可以在这里看到它：https://jsfiddle.net/hyygm9vv/

Answer 2

var aNode = $('<a>');
aNode.attr('expr:href', 'data:post.link');
$('img.border').wrap(aNode);