Hallo allemaal, ik heb een vraag met betrekking tot het volgende:

Ik lees een getal uit uit een feed. Dit getal wil ik graag vervolgens omzetten naar een afbeelding.

Stel ik heb in een DIV met class="sterren" het getal 2 staan, dan wil ik dat dit automatisch vervangen wordt door mijn afbeelding 2.jpg (met dus 2 sterren), staat er het getal 3, dan wil ik dat deze vervangen wordt door 3.jpg bijvoorbeeld... etc etc.

Kunnen jullie mij op weg helpen wellicht? ik ben nog niet erg ervaren met jQuery namelijk en via google kwam ik niet veel verder.

Alvast bedankt.

Groeten Melvin

Allereerst zul je deze elementen moeten gaan selecteren door middel van een jQuery selector, waarbij je vervolgens alle elementen van dat type af wil gaan. Je zult het natuurlijk zelf moeten doen, anders heb je er niets aan, maar met deze basis denk ik dat ik je al een heel eind geholpen heb:

PHP Code:

$(document).ready(function() {
    $([selector]).each(function() {
        content = $(this).html();
    });
}); 


Hallo Jesper bedankt voor je reactie.

Zelf had ik zoiets in gedachten, ik weet niet of ik zo op de goede weg ben?

Code:

$('.sterren').each(function(){
GETAL = $(this).html();

if (GETAL equals 1){
 $(this).replaceWith{
    ('<span class="one"></span>')
}
else {
if (GETAL equals 2){
 $(this).replaceWith{
    ('<span class="two"></span>')
}

});

Code:

jQuery(document).ready(function()
{
    jQuery('.sterren').each(function()
    {
        jQuery('<img />').attr({'src' : '' + jQuery(this).html() + '.jpg', 'alt' : 'Alternatieve tekst', 'width' : '200', 'height' : '200'}).appendTo(jQuery(this).html(''));
    });
});

Hallo Arek, bedankt voor je reactie. Ik dacht dus veel te moeilijk blijkbaar ;-). de code die je hebt gegeven werkt uitstekend, dank hiervoor. Ik heb allereerst de code voor mijzelf ontleed om te kijken hoe de query werkte, moest er zelf nog wel wat van leren uiteraard ;-), het is in ieder geval opgelost nu!

In de conditie die je zelf gebruikt vergelijk je een string (content van een div) met een integer. In Javascript hoor je op zo'n moment eerst je string als integer te parsen voordat je conditie gaat werken zie:

http://www.w3schools.com/jsref/jsref_parseInt.asp

hallo Arek, wat ik hierboven getoond had, was het idee wat ik in mijn hoofd had, hier zat ik echter inderdaad met het feit dat er nog geen integer werd vergeleken. bedankt voor de verduidelijking hierbij, hier zal ik in het vervolg in ieder geval nu naar kunnen kijken :)