JQuery aracılığıyla bir html içine görüntü nasıl eklenir?

Question

İşte durum.

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

Şimdi, bu bir düğme gibi görünmesi için bir arka plan eklemek istiyorum, bu yüzden şöyle JQuery ile bir yayılma ekleyin:: Öyle gibi standart bir bağlantı var

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

(Link için html burada bulunabilir, http://flickrental.co.uk/ - Bu arada, bu site, sadece bağlantı için kod değil)

Şimdi bağlantıyı daha güzel bir "düğme" ye dönüştürebilirim ve Oldukça mutlu ... Ama başka bir düşünce daha vardı, ne olursa Bağlantıya küçük bir ok görüntüsü ekleyebilirsem (metin) (Bu site bir bağlı sitedir ve düğme, CTR'yi ve ok görüntüsünü de artırmalıdır)

Ancak bunu yapmak için doğru sözdizimini bulamıyorum.

Herhangi bir fikrin var mı?

Answer 1

Büyük olasılıkla oku css ile eklemelisiniz. 10 piksel genişliğinde ok Verilen:

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

Ama zaten başka bir şey için arka plan resmi kullanıyorsanız, sen jquery ile resim ekleyebilirsiniz:

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

Ben senin sorudan tahmin olduğunu don HTML'yi doğrudan değiştirmek için erişiminiz var. Aksi takdirde, bu muhtemelen en iyi çözüm olacaktır.