如何通过JQuery将图像插入到某些html中？

Question

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

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

现在，我想插入一个背景，使其看起来像一个按钮，所以我添加一个带有JQuery的span，如下所示：

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

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

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

但我似乎无法找到正确的语法来做到这一点。

有什么想法吗？

Answer 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。否则，这可能是最好的解决方案。