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

StackOverflow https://stackoverflow.com/questions/618851

  •  03-07-2019
  •  | 
  •  

Вопрос

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

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

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

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

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

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

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

Есть идеи?

Это было полезно?

Решение

Возможно, вам следует добавить стрелку с помощью css. С учетом стрелки шириной 10 пикселей: 

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

Но если вы уже используете фоновое изображение для чего-то другого, вы можете добавить изображение с помощью jquery: 

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

Я предполагаю, что из вашего вопроса у вас нет доступа к непосредственному изменению HTML. В противном случае это, вероятно, будет лучшим решением.

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top