Reemplace dinámicamente la fuente de imagen con jQuery

Question

Estoy tratando de reemplazar la imagen de calificación de estrellas predeterminada de Yelp para las empresas con una propia. Para hacerlo, necesito encontrar la fuente de imagen correspondiente para cada una de las posibles 5 imágenes que podrían haberse cargado. Y luego, basado en eso, necesito cargar la imagen adecuada que he creado.

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

Así, grito estrellas-1.png sería reemplazado con mi-estrella-1.png. Y así sucesivamente. Esto es probablemente bastante simple, pero soy nuevo en jQuery y todo lo que he encontrado no funcionó correctamente. ¡Su experiencia es muy apreciada!

Answer 1

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

EDITAR

pienso que usted está preguntando cómo reemplazar dinámicamente el src basada en lo que es actualmente existe. Así que si hay alguna diferencia directa en cadenas, tal vez tratar

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

Answer 2

Si usted está tratando de hacer reemplazar un básico sin ningún patrón:

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

Esto podría ser utilizado con imágenes que tienen una src atribuir a partir de 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 me dio una buena solución - esto no requiere a conocer los img src absoluta:

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