jquery - クラスの存在を検出して並べ替える

Question

コンテナー内で繰り返される div クラスが存在することを検出したいと考えています。次に、その div クラスが別の div クラスの前にあるかどうかを検出したいと考えています。もしそうなら、そのdivを他のdivの後に移動したいと思います。

 <div class="container"> 
   <div class="column1">
   <div class="column2">
 </div>

 <div class="container"> 
   <div class="column1">
   <div class="column2">
 </div>

 <div class="container"> 
   <div class="column2">
   <div class="column1">
 </div>

したがって、上記の例では、列 1 が存在するかどうか、および列 2 の前または後にあるかどうかを検出したいと考えています。

列 2 の前に配置されている場合は、列 2 の後に配置するように移動します。

sの長さ/インデックスを決定しようとしましたdivが、役に立ちませんでした。これは私の最近の試みです。私は初心者jQueryなので、許してください：

$('.container').find('.column1').siblings().each(function(){
    var index = $(this).index();
    var index2 = $('column2').index();
    if (index > $('column2').index()){
      $(this).css('background','#000');
    } else {
      (this).css('background','#dedede');
    }

});