如何通过 JQuery 将图像插入到一些 html 中？答案

【问题标题】：How to insert an image into some html through JQuery?如何通过 JQuery 将图像插入到一些 html 中？
【发布时间】：2009-03-06 13:26:52
【问题描述】：

情况是这样的。我有一个像这样的标准链接：

<h2><a href="#">Link Title</a></h2>

现在，我想插入一个背景让它看起来像一个按钮，所以我用 JQuery 添加一个跨度，如下所示：

$(document).ready(function()
{
      $(".post a").wrapInner("<span></span>");
});

（链接的html可以在这里找到，http://flickrental.co.uk/ - 顺便说一下，这不是网站，只是链接的代码）

现在我可以将链接转换为一个更好的“按钮”，我很高兴......但我有另一个想法，如果我可以在链接内添加一个小箭头图像（在文本的右侧）（这个网站是一个附属网站，按钮应该增加点击率以及箭头图像）

但我似乎找不到正确的语法来执行此操作。

有什么想法吗？

【问题讨论】：

【解决方案1】：

您可能应该使用 css 添加箭头。给定一个 10 像素宽的箭头：

.post a {
    padding-right: 10px;
    background: url(arrow.png) no-repeat right 50%;
}

但如果你已经将背景图片用于其他用途，你可以使用 jquery 添加图片：

$("<img src='arrow.png'/>").prependTo(".post a");

我从您的问题推测您无权直接更改 HTML。否则，这可能是最好的解决方案。

【讨论】：