Tự động thay thế nguồn hình ảnh bằng jQuery

Question

Tôi đang cố gắng thay thế hình ảnh xếp hạng sao Yelp mặc định cho các doanh nghiệp có một hình ảnh của riêng tôi. Để làm như vậy, tôi cần phải tìm nguồn hình ảnh tương ứng cho mỗi trong số 5 hình ảnh có thể tải được. Và sau đó, dựa trên đó tôi cần phải tải trong hình ảnh thích hợp tôi đã tạo ra.

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

Vì vậy, yelp-star-1.png sẽ được thay thế bằng my-star-1.png. Vv và vv. Điều này có lẽ khá đơn giản, nhưng tôi mới sử dụng jQuery và mọi thứ tôi tìm thấy đã không hoạt động đúng cách. Chuyên môn của bạn được rất nhiều đánh giá cao!

Answer 1

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

EDIT

Tôi nghĩ rằng bạn đang yêu cầu làm thế nào để tự động thay thế các src dựa trên những gì đang có hiện nay. Vì vậy, nếu có một số khác biệt trực tiếp trong chuỗi, có thể thử

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

Answer 2

Nếu bạn chỉ cố gắng làm thay thế một cơ bản mà không bất kỳ mẫu:

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

Điều này có thể được sử dụng với hình ảnh những người có một src thuộc tính bắt đầu với 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")); 
}); 

Answer 3

@GrayB đã cho tôi một giải pháp tốt - điều này không đòi hỏi bạn phải biết img src tuyệt đối:

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