0

我有一组按钮，我正在动态添加按钮。我的选择将如下所示：

$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>

但是，在添加之前，我想从我的选择中删除控件组中已经存在的按钮，因为否则它们将在那里多次出现。

我正在尝试这样，但它根本不起作用：

// 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 )

我认为我的$buttons没有被删除，但我不知道如何让它工作。我的三个 if 语句也有点蹩脚。有一个更好的方法吗？

编辑：
我不得不稍微修改一下解决方案，因为每个按钮都有多个类，所以我不能简单地检查attr('class')。这并不完美，但有效：

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');
    }
4

2 回答 2

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);
});​
于 2012-04-15T16:50:09.413 回答
0 
$('.dropZone').each(function() {     
   $buttons = $elements.filter(function() {
       if ($('.'+this.className).length) return this;
   });
   $(this).append( $buttons );
});
于 2012-04-15T17:11:53.583 回答