Remplacer dynamiquement source de l'image avec jQuery

Je suis en train de remplacer la valeur par défaut Yelp étoiles d'image pour les entreprises avec un de mes propres. Pour ce faire j'ai besoin de trouver l'image correspondante à la source pour chacun des possible 5 images qui pourraient avoir chargé. Et puis, sur la base que j'ai besoin de charger de la bonne image que j'ai créé.

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

Donc, yelp-star-1.png, seraient remplacés par des ma-star-1.png. Ainsi de suite et ainsi de suite. C'est probablement assez simple, mais je suis nouveau sur jQuery et tout ce que j'ai trouvé n'a pas fonctionné correctement. Votre expertise est très apprécié!

Est-il logique entre le nom du fichier à remplacer et le remplacement du nom de fichier?
Il semble que vous essayez de trouver ce que l'Yelp score est de définir ce que votre image doit être. Si oui, je pense que vous avez besoin de regarder dans leur API: yelp.com/developers/documentation/v2/overview

OriginalL'auteur David Hubler | 2012-06-21

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

    MODIFIER

    Je pense que vous vous demandez comment remplacer dynamiquement la src basé sur ce qui est là actuellement. Donc, si il ya une certaine différence directe dans les chaînes, peut-être essayer

    var img = $("#starRating img");
img.attr("src", img.attr("src").replace("yelp", "my"));
    La partie la plus délicate pour moi, c'est que je dois utiliser mon-star-1, mon-star-2, ma-star-3, mes étoiles-4 ou mes étoiles-5 basé sur l'image qui est chargé de Yelp. Je vais avoir un moment difficile de savoir comment trouver le yelp image de charges pour que je puisse le remplacer par l'image correcte.
    Demandez-vous comment faire de la chaîne de remplacement? Vous n'êtes pas très claire.
    Les sons comme il ne sait pas le nom de l'yelp fichiers img... Utiliser firebug pour les contrôler? Ou en fait, la plupart des navigateurs maintenant?
    FWIW, une excellente réponse.
    Belle réponse . Il travail

    OriginalL'auteur JeremyWeir

  2. 4

    Si vous essayez juste de faire une base de remplacer, sans aucun motif:

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

    Cela pourrait être utilisé avec des images qui ont un attribut src de départ avec 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"));
});

    OriginalL'auteur GrayB

  3. 4

    @GrayB m'a donné une bonne solution - cela ne vous oblige pas à savoir de l'absolu img src:

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

    OriginalL'auteur Q Studio