jQueryで要素のクラスをフィルタリングしますか？

Question

特定の要素のクラスリストをフィルタリングする最も効率的な方法は何ですか？

<div class="foo bar"></div> 
<div class="bim bar"></div> 

$("div.bar").click(function(ev) { 
    alert("The non-bar class was:" + ???); 
}); 

私はev.currentTarget.classListを通過するためのループを書くことができ知っているが、私は良い方法があるかどうかを知りたいです。

EDIT：「foo」と「bim」と警告を発することを明確にしたいと思います。私はの代わりに "bar"を置き換えたいと思う、私はちょうどバーではないクラスにアクセスできるようにしたい。ありがとう。

Answer 1

は、これを取得するには、no jQueryの方法はありませんが、私はどうなる：

$("div.bar").click(function(ev) { 
    var nonBarClasses = (' ' + this.className + ' ').replace(' bar ', ' ').split(/ +/); 

    nonBarClasses.shift(); 
    nonBarClasses.pop(); 

    // nonBarClasses is now an array, with each element a class that isn't `bar` 

    alert("The non-bar class was: " + nonBarClasses.join(" ")); 
}); 

がここにアクションでそれを参照してください：http://jsfiddle.net/PpUeX/2

Answer 2

あなたは要素からクラス全体の文字列を取得することができjQuery.fn.attr()を使用して、次にsplit()を配列に追加します。これを使用して任意の操作を実行できます。

$("div.bar").click(function(ev) { 
    var classes = $(this).attr('class').split(' '); // [0:'foo', 1:'bar'] 
}); 

EDIT：非「バー」クラスのすべてを取得する「jQueryの」-wayを提供するとして、あなたは一時的なクリックした要素のclone()とremoveClass()バークラスあなたが何かをする前にを作ることができますそれ：

$("div.bar").click(function(ev) { 
    var noBarClasses = $(this) 
    .clone().removeClass('bar') // <-- no more "bar" 
    .attr('class').split(' '); // [0:'foo'] 
});