JQuery를 통해 일부 HTML에 이미지를 삽입하는 방법은 무엇입니까?

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을 직접 변경할 수있는 권한이 있습니다. 그렇지 않으면 아마도 이것이 최상의 해결책 일 것입니다.