Wrap every 3 divs in a div

by

You can do it with .slice(), like this:

var divs = $("div > div");
for(var i = 0; i < divs.length; i+=3) {
  divs.slice(i, i+3).wrapAll("<div class="new"></div>");
}

You can try out a demo here, all we’re doing here is getting the elements you want to wrap and looping through them, doing a .wrapAll() in batches of 3 then moving to the next 3, etc. It will wrap 3 at a time and however many are left at the end, e.g. 3, 3, 3, 2 if that’s the case.

More Related Contents:

  1. CSS Trouble adding border
  2. Why is my jQuery :not() selector not working in CSS?
  3. Select deepest child in jQuery
  4. jQuery or CSS selector to select all IDs that start with some string [duplicate]
  5. Selecting empty text input using jQuery
  6. How to select all content between two tags in jQuery
  7. CSS selector case insensitive for attributes
  8. jQuery: Selecting all elements where attribute is greater than a value
  9. What CSS3 selectors does jQuery really support, e.g. :nth-last-child()?
  10. jQuery: select an element’s class and id at the same time?
  11. jQuery :contains selector to search for multiple strings
  12. Selecting only first-level elements in jquery
  13. How to select an element that has focus on it with jQuery
  14. jquery nth child that is currently visible
  15. How do you select elements based on their style?
  16. :nth-of-type() in jQuery / Sizzle?
  17. Difference between CSS selector and jQuery filter?
  18. How to select all elements with a particular ID in jQuery?
  19. Determining whether jQuery has not found any element
  20. Select last 5 elements with jQuery
  21. What JQuery selector excludes items with a parent that matches a given selector?
  22. Performance differences between using “:not” and “.not()” selectors?
  23. How to select first row of the first table in an html page using jQuery?
  24. addClass every nth
  25. jQuery how to find an element based on a data-attribute value?
  26. Write Content To New Window with JQuery
  27. JSON: How do I make cross-domain JSON call
  28. finding the type of an element using jQuery
  29. How can I change text after time using jQuery?
  30. Rails accepts_nested_attributes_for with f.fields_for and AJAX

Leave a Comment