Nächstes Listenelement anzeigen
Hallo,
ich bin noch relativ neu bei jQuery und stehe gerade vor einem Problem, bei dem mir einfach eine Idee zum Weiterkommen fehlt.
Ich habe eine Liste mit eigener IDs pro Listeneintrag:
Über ein Skript wird eine bestimmte ID angesprochen und angezeigt, z. B. #11b.
Nun will ich mit einem Klick die nächste ID (#11c) ansprechen. Und beim nächsten Klick dann #11d. Ich habe aber gerade keine Idee, wie ich das anstellen kann.
Der hier verwendete Code
<script src="/js_webseite/jquery.js"></script>
<style>
#a11{
background:red;
}
</style>
<ul>
<li id="a11">1</li>
<li id="b11">2</li>
<li id="c11">3</li>
<li is="d11">4</li>
<li id="e11">5</li>
<li id="f11">6</li>
<li id="g11">7</li>
<li is="h11">8</li>
<li id="i11">9</li>
<li id="j11">10</li>
<li id="k11">11</li>
<li is="l11">12</li>
</ul>
<button>weiter</button>
<script>
g=0;
$('button').click(function(){
$('li').eq(g).next().css('background','red')
g++;
})
</script>