JQuery 在 <img> 周围添加标签 <a>

标签 jquery

如何使用 JQuery 添加带有指向该图像的链接的标签?

最佳答案

这将包装一组图像及其链接:

$('some selector for the images').each(function() {
    $(this).wrap("<a href='" + this.src + "'/>");
});

...使用 .each ( link )、.wrap ( link ) 和 native DOM src ( link ) 图像元素的属性。

编辑 或者正如 Pointy 指出的那样(但不是明确指出的),只需将一个函数传递到 wrap 中即可:

$('some selector for the images').wrap(function() {
  return "<a href='" + this.src + "'/>";
});

Live example

关于JQuery 在 <img> 周围添加标签 <a>,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3987422/

相关文章:

jquery - Web API 通过 jQuery POST 发送多个对象

javascript - Tablesorter 过滤器显示但不工作

javascript - 回调引用本地化函数,因此未定义。解决方法?

javascript - jQuery 不更新 DOM 元素 HTML

javascript - Slider Next Previous 轮播功能

php - jQuery POST 值到 PHP 脚本

jquery - ASP.NET 的 jqGrid 的免费替代品?

jquery - ASP.NET MVC - 通过 jQuery 调用操作

php - 单击时插入图像

javascript - 在滚动事件上添加和删除类