使用锚点 href 动态包装图像

Question

对于所有带有 class 边框的 img 元素，我想用一个使用 Blogger 的 data:post.link 变量到 link 到特定 post.

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

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);

Dynamically wrapping image with anchor href