jquery - リンクテキストを画像に置き換える方法

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よね？

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

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

コメントが示唆するように、編集は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"/>');
});