Как вставить изображение в некоторый HTML через JQuery?

Question

Вот ситуация. У меня есть стандартная ссылка, например, так:

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

Теперь я хочу вставить фон, чтобы он выглядел как кнопка, поэтому я добавляю диапазон с JQuery следующим образом:

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

(html для ссылки можно найти здесь, http://flickrental.co.uk/ - Кстати, это не сайт, а код ссылки)

Теперь я могу превратить ссылку в более приятную "кнопку", и я вполне счастлив ... Но у меня была другая мысль, что если бы я мог добавить маленькое изображение стрелки внутри ссылки (справа от текста) (Этот сайт является партнерским сайтом, и кнопка должна увеличить CTR, а также изображение стрелки)

Но я не могу найти правильный синтаксис для этого.

Есть идеи?

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. В противном случае это, вероятно, будет лучшим решением.