Add class to next li : UL LI « jQuery « JavaScript Tutorial

<html>
  <head>
    <script type='text/javascript' src='js/jquery-1.3.2.js'></script>
    <script type='text/javascript'>
var tmpExample = {
  ready : function() {
    $('li#liID').next().addClass('mySiblings');
  }
};

$(document).ready(tmpExample.ready);
    </script>
    <style type='text/css'>

ul#uiID {
    list-style: none;
    margin: 0;
    padding: 0;
}
ul#uiID li {
    margin: 1px;
    padding: 3px;
}
li.mySiblings {
    background: #165b91;
    color: white;
}
    </style>
  </head>
  <body>
    <ul id='uiID'>
      <li>Red</li>
      <li>Blue</li>
      <li>Green</li>
      <li id='liID'>Yellow</li>
      <li>Orange</li>
      <li>Purple</li>
    </ul>
  </body>
</html>

30.136.UL LI
	30.136.1.	Get LI one by one
	30.136.2.	To add a special style to list item that are being hovered over
	30.136.3.	Click to toggle highlight on the list item.
	30.136.4.	Finds the second li in each matched ul and notes it.
	30.136.5.	Add style to li under a UL with certain id
	30.136.6.	Add class to next li
	30.136.7.	Add class to previous li
	30.136.8.	All from next li
	30.136.9.	All previous from a LI tag
	30.136.10.	Get parent for LI
	30.136.11.	Add class to all children from UL
	30.136.12.	All li under ul but not a class name