Use each function to add class : each « jQuery « JavaScript DHTML






  1. JavaScript DHTML
  2. jQuery
  3. each

Use each function to add class

 


<html>
  <head>
    <script type='text/javascript' src='js/jquery-1.3.2.js'></script>
    <script type='text/javascript'>
$(document).ready(
  function() {
    $('li').each(
      function() {
        $(this).addClass('my');
      }
    );
  }
);
    </script>
    <style type='text/css'>
ul {
    list-style: none;
    margin: 5px;
    padding: 0;
}
li.my {
    background: #a0cde5;
    border: 4px solid #99c6dd;
}
    </style>
  </head>
  <body>
     <ul>
       <li>A</li>
       <li>B</li>
       <li>C</li>
       <li>D</li>
     </ul>
  </body>
</html>








Related examples in the same category

1.Loop through each tag
2.each function callback
3.Each span tag
4.For each array element
5.For each function with index and value
6.Use Each Function To loop through Selected Item
7.Each function and array
8.Each function and map array
9.Use 'return' to break out of each() loops early.
10.Get each loop index
11.Use foreach to create li
12.Hard code value into each function
13.Append value with each function
14.Return true as continue statement