如何用图片替换 link 文字？

Question

我有这个：

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

如何以简单的方式将文本 "LOGO" 替换为我的图片？

Answer 1

创建您的 html 图片元素
设置图片来源url
按照您的建议使用 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);

如何用图片替换 link 文字？

How to replace link text with an image?

javascript

image

src