SO - 30634625

by Arun P Johny

HTML

<div class="frame">
    <div class="timeline-badge"><i class="fa fa-twitch"></i> </div>
    <span class="timeline-date"></span>
    <div class="timeline-content"></div>
</div>
<br/>
<span class="dateClass">date1</span>
<span class="dateClass">date2</span>
<span class="dateClass">date3</span>
<div class="contentClass">content1</div>
<div class="contentClass">content2</div>
<div class="contentClass">content3</div>

JavaScript

var dateClasses = $('.dateClass'); // array of all your dateClasses
var contentClasses = $('.contentClass'); // array of all your contentClasses

var timeLineData =$('.frame .timeline-date');
var timeLineContent =$('.frame .timeline-content');

for (var i = 0; i < Math.min(dateClasses.length, contentClasses.length); i++) {
    //Append DateClass to your timeline-data:
    timeLineData.append(dateClasses[i]);

    //Append ContentClass to your timeline-content:
    timeLineContent.append(contentClasses[i]);
}