Choosing pairs of html elements in jquery

Question

I am working with some server code that generates html that looks something like this:

<input type="radio" /> <label>something</label> <input type="radio" /> <label>something</label> <input type="radio" /> <label>something</label> <input type="radio" /> <label>something</label> 

I want to wrap each pair in between, but I cannot determine how to select pairs of elements in jquery to use wrapAll() for them. I cannot change the html I'm working with. Can anyone help?

Answer 1

 $('input').each(function(){ $(this).next('label').add(this).wrapAll('<span>'); }); 

• next will find the closest sibling.
• add will add the corresponding item to the collection.

Demo

Answer 2

You can try this.

 $('input').each(function(){ $(this).next().andSelf().wrapAll('<span>'); }); 

Answer 3

$ ("input + label") may be useful.

http://www.w3.org/TR/CSS2/selector.html#adjacent-selectors