javascript - setting the html of a number of divs of same class -

i have no. of divs of particular class. assign these divs array , want set html of each div basing on index of array - can me code. code trying below:

<div class="days"></div> <div class="days"></div> <div class="days"></div> <div class="days"></div> <div class="days"></div> <div class="days"></div> <div class="days"></div>  arrayofdays = $('.days');  var firstday = 1; var lastday = 5;  $(arrayofdays).each(function(i, item) {         if ((i >= firstday) && (i <= lastday)) {             $(item[i]).css({'background-color' : '#991'}).html('weekday');         }          else {             $(item[i]).css({'background-color' : '#fff'}).html('holiday');         }      }); 

i trying set html of first , last divs 'holiday' , others 'weekday'. far have not been able make headway ....

thanks in advance

sukalyan

you can use jquery selectors

var weekend = $('.days:first, .days:last'); var weekday = $('.days').not(weekend); 

or

var firstday = 1; var lastday = 5;  var weekday = $('.days').slice(firstday, lastday + 1); var weekend = $('.days').not(weekday); 

var weekend = $('.days:first, .days:last');  var weekday = $('.days').not(weekend);    weekday.css({'background-color' : '#991'}).html('weekday');  weekend.css({'background-color' : '#fff'}).html('holiday');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>  <div class="days">sunday</div>  <div class="days">monday</div>  <div class="days">tuesday</div>  <div class="days">wednesday</div>  <div class="days">thursday</div>  <div class="days">friday</div>  <div class="days">saturday</div>