jquery - 画像ソースを動的に jQuery に置き換える

Question

ビジネス用のデフォルトの Yelp スター評価画像を自分のものに置き換えようとしています。そのためには、読み込まれた可能性のある 5 つの画像のそれぞれに対応する画像ソースを見つける必要があります。そして、それに基づいて、作成した適切なイメージをロードする必要があります。

<div id="starRating">
    <img src="http://yelp-star-1.png"/>
</div>

したがって、yelp-star-1.png は my-star-1.png に置き換えられます。などなど。これはおそらく非常に単純ですが、私は jQuery を初めて使用し、見つけたすべてが適切に機能していません。あなたの専門知識は大歓迎です！

score 14 · Accepted Answer

$("#starRating img").attr("src", "http://pathto/my-star-1.png")

編集

現在あるものに基づいて src を動的に置き換える方法を尋ねていると思います。したがって、文字列に直接的な違いがある場合は、試してみてください

var img = $("#starRating img");
img.attr("src", img.attr("src").replace("yelp", "my"));

score 5 · Accepted Answer

パターンなしで基本的な置換を実行しようとしている場合:

$('img[src="http://website.com/images/yelp-star-1.png"]').attr('src','http://website.com/images/my-star-1.png');

これは、で始まる src 属性を持つ画像で使用できます。http://website.com/images/yelp-star-

$('img[src^="http://website.com/images/yelp-star-"]').each(function() {
   $(this).attr('src', $(this).attr('src').replace("yelp", "my"));
});

score 4 · Accepted Answer

@GrayB は私に良い解決策を与えてくれました - これは絶対的な img src を知る必要はありません:

jQuery('.element img').each(function() {
    jQuery(this).attr('src', jQuery(this).attr('src').replace("find_", "replace_"));
});

3 に答える 3