링크 텍스트를 이미지로 바꾸는 방법

Question

링크 텍스트를 이미지로 대체하려면 어떻게해야합니까?

$(document).ready(function() { 
    $('a:contains("edit")').html('<img src="edit.png"/>'); 
}); 

을하지만 운이 없었 :

는 이미이 스크립트를 시도했다. 내가 여기서 뭔가 잘못하고 있니? 내가 제대로 이해하면

HTML

<a href="/ideas/bpul_dishes/edit">Edit</a> 

Answer 1

, 이것은 당신이 원하는 것입니다. "편집"은 href에 있어야하고 a 태그에 포함 된 텍스트가 아니어야합니다.

$(document).ready(function() { 
    $('a[href*="edit"]').html('<img src="edit.png"/>'); 
}); 

당신이 의미하는 경우

http://jsfiddle.net/BramVanroy/t98d7/2/

, 의견 제안대로 편집이 a -tag 내에서 발생하는 것으로, 다음, 다음과 같은 솔루션이 작동합니다. 필자는 필요한 경우 대문자로 시작하는 것을 허용했습니다.

http://jsfiddle.net/BramVanroy/t98d7/4/

$(document).ready(function() { 
    $('a:contains("Edit"), a:contains("edit")').html('<img src="edit.png"/>'); 
}); 

또는 일반 식

( i 정규식 대소 문자를 구별되게, 개질제이다).

http://jsfiddle.net/BramVanroy/t98d7/25/

$(document).ready(function() { 
    $("a").filter(function() { 
     return /edit/i.test($(this).text()); 
    }).html('<img src="edit.png"/>'); 
});