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="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.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>

Add Comment

* Required information
1000
Drag & drop images (max 3)
Powered by Commentics

Comments

No comments yet. Be the first!