//do somthing with the last three divs

by Ian Roberts

HTML

<div id="widgetArea">
<div class="row">1</div>
<div class="row">2</div>
<div class="row">3</div>
<div class="row">4</div>
<div class="row">5</div>
<div class="row">6</div>
<div class="row">7</div>
</div>

CSS

/*wrapped text is yelloe*/
#wrap{color:#fad400;}

JavaScript

//do somthing with the last three divs

// take all siblings of .row but the first
// wrap all but first on one div
$('.row').slice(1).wrapAll("<div id='wrap'></div>");
// take bottom 3 .row divs and append to the original widgetArea
$('.row').slice(-3).appendTo('#widgetArea');

// here we are appending but we can do w/e we want with the last three divs, indiviually or grouped by wrapAll'ing them

// if we want to wrap the divs individually we'd use .wrap