jQuery他のクラスがある場合にクラスにクラスを追加

Question

ページ上のすべてのドロップダウンメニューを見つけようとしていて、そのクラスが ".active"（または ".active.visible"）の場合は、クラス ".input - filled"

これはかなりシンプルなはずですが、まだ動作させることができませんでした。

私が試した：

$('.ui.multiple.search.selection.dropdown.active.visible).addClass('input-filled') 

私は、これは素敵なエレガントな解決策になるだろうと思ったが、それはうまくいきませんでしたので、私が試した：ここ

$('.dropdown').each(function(){ 
    if($(this).hasClass('visible')){ 
     $(this).addClass('input--filled'); 
    }; 
}); 

は私の試みのいくつかCodePensですこれまで：

http://codepen.io/anon/pen/KgBQxR?editors=1111

http://codepen.io/anon/pen/mAjXpP?editors=1111

Answer 1

更新： 私は、あなたが尋ねた内容には注意を払わなかった。私はセマンティックUI Apiをチェックし、以下のアプローチで終わりました。私はそれが役に立つと思う。ちなみに、これらのページがページ上にたくさんある場合は、別の方法で動作する場合は、IDセレクタを使用することができます。

$('.ui.dropdown').dropdown({ 
    forceSelection: false, 
    onShow: function() { 
     var $dropDown = $(this); 
     $dropDown.addClass("input-filled") 
    }, 
    onHide: function() { 
     var $dropDown = $(this); 
     $dropDown.removeClass("input-filled") 
    } 
}); 

これは、このサンプルを実装したCodePenです。