Wrap Every 2 Elements
Wrap Every 2 Elements
I have a <ul> like so:
- <ul>
- <li>Lorem ipsum dolor sit amet</li>
- <li>Lorem ipsum dolor sit amet</li>
- <li>Lorem ipsum dolor sit amet</li>
- <li>Lorem ipsum dolor sit amet</li>
- <li>Lorem ipsum dolor sit amet</li>
- <li>Lorem ipsum dolor sit amet</li>
- </ul>
But I want to wrap a div around each set of 2 <li>'s like so:
- <ul>
- <div>
- <li>Lorem ipsum dolor sit amet</li>
- <li>Lorem ipsum dolor sit amet</li>
- </div>
- <div>
- <li>Lorem ipsum dolor sit amet</li>
- <li>Lorem ipsum dolor sit amet</li>
- </div>
- <div>
- <li>Lorem ipsum dolor sit amet</li>
- <li>Lorem ipsum dolor sit amet</li>
- </div>
- </ul>
I imagine I can take care of it the wrap() method but can't think of what selector I'd need to use?