JSFiddle - React, Tailwind, and code Playground

by slawe

HTML

<form>
    <input />
    <label>test_1</label>
    <input />
    <label>test_2</label>
    <input />
    <label>test_1</label>
    <input />
    <label>test_2</label>
</form>

CSS

.test{
    margin-top: 20px;
    border: 1px solid red;
}

JavaScript

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

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