jQuery – use wrap() to wrap multiple elements?

by

You can use the .wrapAll() method.

$('form > input').each(function(){
    $(this).next('label').andSelf().wrapAll('<div class="test"/>');
});

If your markup has always the exact same order, I’d prefer to use:

var $set = $('form').children();    
for(var i=0, len = $set.length; i < len; i+=2){
    $set.slice(i, i+2).wrapAll('<div class="test"/>');
}

Should be significant faster.

Ref.: .wrapAll(), .andSelf(), .slice()

More Related Contents:

  1. HTML nchor Tag doesn’t show link
  2. How to change color of SVG image using CSS (jQuery SVG image replacement)?
  3. jQuery Ajax error handling, show custom exception messages
  4. Fancybox links don’t show in lightbox – what am i missing?
  5. Clear form fields with jQuery
  6. How to trigger a click on a link using jQuery
  7. Jquery $.ajax fails in IE on cross domain calls
  8. Catch error if iframe src fails to load . Error :-“Refused to display ‘http://www.google.co.in/’ in a frame..”
  9. JQuery Event Handlers – What’s the “Best” method
  10. Submitting HTML form using Jquery AJAX
  11. jqGrid custom format fails on addClass
  12. Can I load external stylesheets on request?
  13. how to store an array in jquery cookie?
  14. How can I change the text color with jQuery?
  15. jQuery: Selecting all elements where attribute is greater than a value
  16. Twitter Bootstrap carousel vertical sliding
  17. jQuery: how to remove the text but not the children elements
  18. Getting text within element excluding decendants
  19. Datatables – Search Box outside datatable
  20. Auto-click button element on page load using jQuery
  21. Creating a json object in jsp and using it with JQuery
  22. File upload using MVC 4 with Ajax
  23. Trigger click on select box on hover
  24. How to merge cells in jqGrid 4.0
  25. What is the difference between XMLHttpRequest, jQuery.ajax, jQuery.post, jQuery.get
  26. jQuery to retrieve and set selected option value of html select element
  27. jQuery – Check if DOM element already exists
  28. jQuery – keydown / keypress /keyup ENTERKEY detection?
  29. jquery disable submit button on form submission
  30. jQuery draggable + droppable: how to snap dropped element to dropped-on element

Leave a Comment