Come inserire un'immagine in alcuni HTML attraverso JQuery?

Question

Ecco la situazione. Ho un link standard in questo modo:

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

Ora, voglio inserire uno sfondo per farlo sembrare un pulsante, quindi aggiungo un intervallo con JQuery in questo modo:

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

(L'html per il collegamento è disponibile qui, http://flickrental.co.uk/ - A proposito, questo non è il sito, solo il codice per il link)

Ora posso trasformare il link in un pulsante " più bello " e sono abbastanza contento ... Ma ho avuto un altro pensiero, se potessi aggiungere una piccola immagine di freccia all'interno del link (a destra del testo) (Questo sito è un sito affiliato e il pulsante dovrebbe aumentare il CTR come così come l'immagine della freccia)

Ma non riesco a trovare la sintassi giusta per farlo.

Qualche idea?

Answer 1

Probabilmente dovresti aggiungere la freccia con css. Con una freccia larga 10 pixel:

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

Ma se stai già usando l'immagine di sfondo per qualcos'altro, puoi aggiungere l'immagine con jquery:

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

Presumo dalla tua domanda che non hai accesso per modificare direttamente l'HTML. Altrimenti, quella sarebbe probabilmente la soluzione migliore.