Question

I got following markup twice on the page with different id for each .option div and it might be duplicate few more times

<div class="optionsHolder"></div>

 <div class="option selected">Select</div>
 <div id="option238" class="option">Option1</div>
 <div id="option239" class="option">Option2</div>
 <div id="option261" class="option">Option3</div>

I am trying to grab all options and place them inside optionsHolder , this works but only for the last optionHolder on the page , this is js

    var optionscont = $$('.optionsHolder');
    var findoptions = $$('.option');
    optionscont.each(function (element){
        element.adopt(findoptions);
    });

any help would be appreciated. thank you!

Answer 1

This i think does what you want JSFiddle

function GetHolder( option )
{
   var holder = option.getPrevious( ".optionsHolder"  )

   if( holder )
   {
       holder.adopt( option );
   }        
}

var findoptions = $$('.option');
Array.each( findoptions, function( item) { GetHolder( item ) } );