Add class to all children from UL : children « jQuery « JavaScript DHTML






  1. JavaScript DHTML
  2. jQuery
  3. children

Add class to all children from UL

 


<html>
  <head>
    <script type='text/javascript' src='js/jquery-1.3.2.js'></script>
    <script type='text/javascript'>
var tmpExample = {
  ready : function() {
    $('ul').children().addClass('tmpChild');
  }
};

$(document).ready(tmpExample.ready);
    </script>
    <style type='text/css'>
ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
ul li {
    margin: 1px;
    padding: 3px;
}
li.tmpChild {
    background: #cf0c35;
    color: white;
}
    </style>
  </head>
  <body>
    <ul>
       <li>A</li>
       <li>B</li>
       <li>C</li>
       <li>D</li>
       <li>E</li>
       <li>F</li>
    </ul>
  </body>
</html>








Related examples in the same category

1.Append SPAN one after another
2.Children from DIV
3.Get target children length
4.children(expr): filter with an optional expression
5.Attaches a change event to the select that gets the text for each selected option