OPPAASEEN / Back

Alla esimerkin koodaukset:

JQuery, head-elementtiin:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("li.punat").nextAll().addBack().css( "color", "red" );
});
</script>

HTML-koodaukset:

<h3>Väri class:ta alkaen</h3>
<ul>
 <li> Aulis <</li>
 <li> Bertta </li>
 <li class="punat"> Carl </li>
 <li> Daniel </li>
 <li> Eero </li>
</ul>