Iterating Over a DOM Collection with the jQuery.each Method

_jquery-each-method.md

Code Examples for my Blog Post: Iterating Over a DOM Collection with the jQuery.each Method

basic-syntax.js

$(selector).each(function(){
    //whatever you put in this function will 
    //happen to every element in the collection
});

example-1.js

$("ul li").each(function(){
    $(this).click(function(){
       $(this).css("color","red"); 
    });
});

example-2.js

$("ul li.workday").each(function(){
    $(this).click(function(){
       $(this).css("color","red"); 
    });
});

queries.js

$('a');
$('ul.sales li');
$('div.members div');

the-markup.html

<ul>
  <li class="workday">Monday</li>
  <li class="workday">Tuesday</li>
  <li class="workday">Wednesday</li>
  <li class="workday">Thursday</li>
  <li class="workday">Friday</li>
  <li>Saturday</li>
  <li>Sunday</li>
<ul>