Wrap groups of elements depending on variable criteria
So let's say I have a list of 11 elements and I want to wrap groups of them by 2.
I have this:
- <div class="wrapper">
- <div>Some Stuff</div>
- <div>Some Stuff</div>
- <div>Some Stuff</div>
- <div>Some Stuff</div>
- <div>Some Stuff</div>
- <div>Some Stuff</div>
- <div>Some Stuff</div>
- <div>Some Stuff</div>
- <div>Some Stuff</div>
- <div>Some Stuff</div>
- <div>Some Stuff</div>
- </div>
I want this:
- <div class="wrapper">
- <div class="subWrapper">
- <div>Some Stuff</div>
- <div>Some Stuff</div>
- </div>
- <div class="subWrapper">
- <div>Some Stuff</div>
- <div>Some Stuff</div>
- </div>
- <div class="subWrapper">
- <div>Some Stuff</div>
- <div>Some Stuff</div>
- </div>
- <div class="subWrapper">
- <div>Some Stuff</div>
- <div>Some Stuff</div>
- </div>
- <div class="subWrapper">
- <div>Some Stuff</div>
- <div>Some Stuff</div>
- </div>
- <div class="subWrapper">
- <div>Some Stuff</div>
- </div>
- </div>
Of course, the number 2 is arbitrary - I might want 57 elements wrapped in 9's etc...
thanks