Archief - jQuery variabelen veranderen

Hey,

ik ben zelf totaal onbekend met jQuery, maar ik heb dit wel nodig voor het probleem dat ik nu heb.

Ik heb op mijn pagina enkele variabelen (bv: $variabele1 tot $variabele10)
Als de pagina laadt toont deze pagina de eerste 2 variabelen. ($variabele1 & $variabele2)
Onder die twee variabele staat een knop.
Indien men deze knop indrukt is het de bedoeling dat de volgende 2 variabelen laden ($variabele3 & $variabele4) en dat ze eigenlijk de plaats van de vorige innemen. De eerste twee verdwijnen dus van het scherm.

Bovendien zou er nog een variabele moeten zijn (bv: $aantal) en elke keer je op de knop drukt wordt deze variabele met 1 verhoogt.

Kan iemand mij hierin helpen of mij toch op weg zetten?

Bedankt!

Heb juist iets gevonden dat miss mijn oplossing is?
Werken met .replaceWith() (.replaceWith() | jQuery API Documentation)

Is dit een goede methode?

Heb wat geschreven dat je hopelijk verder op weg helpt:

Edit fiddle - JSFiddle

CrazyMonkeyz zei:

Heb juist iets gevonden dat miss mijn oplossing is?
Werken met .replaceWith() (.replaceWith() | jQuery API Documentation)

Is dit een goede methode?

Klik om te vergroten...

Met replaceWith() ga je een heel DOM element vervangen. Ik veronderstel dat je voor jou situatie enkel de inhoud wil vervangen dus zou het veel beter zijn om te werken met .html() om de inner html aan te passen. bvb:

<div id="id">test</div>

...
$("#id").html("vervang tekst");
...

Wordt nu:

<div id="id">vervang tekst</div>

bedankt! Ga het straks zeker eens proberen