I got the following code:
<div class="timeline">
<div class="timeslice" data-tid="360"></div>
<div class="timeslice" data-tid="360"></div>
<div class="timeslice" data-tid="360"></div>
<div class="empty-timeslice"></div>
<div class="timeslice" data-tid="360"></div>
<div class="timeslice" data-tid="360"></div>
<div class="empty-timeslice"></div>
<div class="empty-timeslice"></div>
<div class="timeslice" data-tid="360"></div>
<div class="timeslice" data-tid="360"></div>
<div class="timeslice" data-tid="361"></div>
<div class="timeslice" data-tid="361"></div>
</div>
I want to warp the divs by group of same attribute and in the same "group", like so:
<div class="timeline">
<div class="warp">
<div class="timeslice" data-tid="360"></div>
<div class="timeslice" data-tid="360"></div>
<div class="timeslice" data-tid="360"></div>
</div>
<div class="empty-timeslice"></div>
</div>
<div class="warp">
<div class="timeslice" data-tid="360"></div>
<div class="timeslice" data-tid="360"></div>
</div>
<div class="empty-timeslice"></div>
<div class="empty-timeslice"></div>
<div class="warp">
<div class="timeslice" data-tid="360"></div>
<div class="timeslice" data-tid="360"></div>
</div>
<div class="warp">
<div class="timeslice" data-tid="361"></div>
<div class="timeslice" data-tid="361"></div>
</div>
</div>
In my code, I am able to get each value of data-tid, like so:
function warpAroundTimeslice(arrayOfTid){
...
}
Any ideas?
if I put in another way I am trying to select the elements with same class/attribute that are next to each other in order to warp them
I hope my question makes sense, if not please let me know!
Thanks a lot!
Thanks to Leonardo Delfino, here is the final code, which works for me:
var group = [];
var groupCount = 0;
var group_attr_value = '360';
$(".timeline > div").each(function(i, item) {
var $item = $(item);
if($item.attr('data-tid') == group_attr_value) {
group.push(item);
};
if($item.next().attr('data-tid') != group_attr_value) {
$(group).wrapAll("<div class='wrapper'> Comment: " + groupCount + "</div>");
group = [];
groupCount++;
}
});