別の要素に追加する前にJquery/Javascriptを使用して選択から要素を削除する方法はありますか？

Question

私は、動的にボタンを追加するボタンのグループを持っています。私は既存のcontrolgroupにこの選択を付加したい

$elements = [a.midToggle, a.menuToggle, a.ui-crumbs] 

：私の選択は、このようになります

<div data-role="controlgroup" data-type="horizontal" class="dropZone"> 
    <a href="#" class="some">Some</a> 
    <a href="#" class="midToggle">MidTog</a> 
</div> 

はしかし前に付ける前に、私は私の選択からcontrolgroupの内側にすでにボタンを削除したいですさもなければ彼らはそこに何度もいるでしょうから。

私はこのようにしようとしているが、それは全く動作しません：

// I have multiple controlgroups, so I need to add the buttons to all of them 
$('.dropZone').each(function() {  

    var $first = $(this), 
    $buttons = $elements.clone(); 

    $buttons.each(function() { 
    // check if class name on new button is already in controlgroup 
    if ($(this).is(".midToggle") && $first.find(".midToggle").length > 0) { 
    $(this).remove(); 
     } 
     if ($(this).is(".menuToggle") && $first.find(".menuToggle").length > 0) { 
    $(this).remove(); 
     } 
     if ($(this).is(".ui-crumbs") && $first.find(".ui-crumbs").length > 0) { 
    $(this).remove(); 
     } 
     }); 
// append what's left 
$first.append($buttons) 

私は私の$ボタンを把握は削除されませんが、私はそれを取得する方法がわかりません作業。また、私の3つのif文は色あせています。これを行うより良い方法はありますか？

EDIT：
私は各ボタンは複数のクラスを持っているため、ソリューションを少しmodifiyしなければならなかったので、私は単にのattr（「クラス」）をチェックすることはできません。これは完璧ではありませんが、動作します：

function clearOut($what) { 
    $buttons.each(function() { 
     if ($(this).is($what)) { 
      $buttons = $buttons.not($what) 
      } 
     }); 
    } 

// filter for existing buttons 
// TODO: improve 
if ($first.find('.midToggle')) { 
    clearOut('.midToggle'); 
    } 
if ($first.find('.menuToggle')) { 
    clearOut('.menuToggle'); 
    } 
if ($first.find('.ui-crumbs')) { 
    clearOut('.ui-crumbs'); 
    } 

Answer 1

私は半分にあなたのコードを金切り声：

$('.dropZone').each(function() { 
    var $dropZone = $(this); 
    var $buttons = $elements.clone(); 
    $buttons.each(function() { 
     var $button = $(this); 

     if ($dropZone.find('.' + $button.attr('class')).length) 
      $button.remove(); 
    }); 

    $dropZone.append($buttons); 
});​ 

Answer 2

$('.dropZone').each(function() {  
    $buttons = $elements.filter(function() { 
     if ($('.'+this.className).length) return this; 
    }); 
    $(this).append($buttons); 
});