如何用图像替换链接文本？

Question

我有这个：

$(".nav").after("<a href=\"#\" class=\"lo\">LOGO</a>");

如何轻松地将文本“LOGO”替换到我的图像中？

Answer 1

• 创建您的 html 图像元素
• 设置图片来源网址
• 按照您的建议使用 jquery 的.after() 方法。它也可以处理 HTML 对象。

示例：

var img = $(document.createElement('img'));
img.attr('src', "myimage.jpg");
$(".nav").after(img);

用锚更新

var img = $('<img />').attr({
  src:'myimage.jpg',
  width:'50',
  height:'10'
});
var anch = $('<a />').attr({
  href:'mydomain.com/page.html'
});
img.appendTo(anch);
$(".nav").after(anch);