كيفية إدراج صورة في بعض أتش تي أم أل من خلال مسج؟

Question

وهنا هو الوضع. لقد حصلت على وجود صلة القياسية مثل ذلك:

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

والآن، أريد أن إدراج خلفية لجعلها تبدو وكأنها زر، لذلك أود أن أضيف فترة مع مسج مثل ذلك:

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

و(HTML لرابط يمكن العثور عليها هنا، http://flickrental.co.uk/ - بالمناسبة، هذا ليس الموقع، مجرد رمز للارتباط)

والآن يمكنني تحويل الرابط إلى "زر" أجمل وأنا سعيد جدا ... ولكن لم يكن لدي فكرة أخرى، ما إذا كان بوسعي أن أضيف صورة السهم صغيرة داخل الارتباط (إلى يمين النص) (هذا الموقع هو موقع التابعة لها والزر يجب زيادة نسبة النقر إلى الظهور، وكذلك صورة السهم)

ولكن لا أستطيع العثور على ما يبدو بناء الجملة الصحيح للقيام بذلك.

وأي أفكار؟

Answer 1

وربما يجب عليك إضافة السهم مع المغلق. وبالنظر الى 10 بكسل السهم واسعة:

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

ولكن إذا كنت بالفعل تستخدم صورة خلفية لشيء آخر، يمكنك إضافة صورة مع مسج:

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

وافترض من سؤالك أنك لم يكن لديك الوصول إلى تغيير HTML مباشرة. وإلا، فإن ذلك ربما يكون أفضل حل.