All li under ul but not a class name : UL LI « jQuery « JavaScript DHTML






  1. JavaScript DHTML
  2. jQuery
  3. UL LI

All li under ul but not a class name

 



<html>
  <head>
    <script type='text/javascript' src='js/jquery-1.3.2.js'></script>
    <script type='text/javascript'>
var tmpExample = {
  ready : function() {
    $('ul#uiID li').not('li.liClass2').addClass('justAdd');
  }
};

$(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.justAdd {
    background: rgb(112, 122, 122);
}
    </style>
  </head>
  <body id='tmpExample'>
    <ul id='uiID'>
      <li class='liClass1'>A</li>
      <li class='liClass1'>B</li>
      <li class='liClass1'>C</li>
      <li class='liClass1'>D</li>
      <li class='liClass2'>E</li>
      <li class='liClass2'>F</li>
      <li class='liClass2'>G</li>
      <li class='liClass2'>H</li>
      <li class='liClass3'>I</li>
      <li class='liClass3'>J</li>
    </ul>
  </body>
</html>








Related examples in the same category

1.Get LI one by one
2.To add a special style to list item that are being hovered over
3.Click to toggle highlight on the list item.
4.Finds the second li in each matched ul and notes it.
5.Add style to li under a UL with certain id
6.Select Li by class style name nested ul with id
7.Add class to next li
8.Add class to previous li
9.All from next li
10.All previous from a LI tag
11.Get parent for LI
12.Click to select or unselect li item