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

Question

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

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

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

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

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

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

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

有任何想法吗？

score 4 · Accepted Answer

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

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

但是，如果您已经将背景图像用于其他用途，则可以使用 jquery 添加图像：

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

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

1 回答 1