jquery - 複数のクラス インスタンスにクラスを含まない要素を選択する

Question

特定のクラスを含まないテーブル内のすべての行を削除しようとしていますが、各行には少なくとも 2 つのクラスが含まれています

     <tbody id='orderlist'>
     <tr class='big selected'><td></td></tr>
     <tr class='big'><td></td></tr>
     </tbody>

     $('#orderlist').not('.selected').fadeOut('slow',function(){
     $(this).remove();
     }); 

最初に選択したクラスを含まない行をフェードアウトして削除できるようにしたいと考えています。

Answer 1

チェーンセレクターは、子（行）ではなく、選択された要素（それ自体）.not('.selected')に作用しようとしています。次のようなことを試してください（セレクターに追加して、の子行を取得します）：$('#orderlist')tbodytrorderlisttbody

$('#orderlist tr').not('.selected').fadeOut('slow',function(){
    $(this).remove();
});

フィドル: http://jsfiddle.net/WcWex/

Answer 2

使用.children(): http://jsfiddle.net/UpHcu/

$('#orderlist').children().not('.selected').fadeOut('slow', function () {
    this.remove();
});

Answer 3

filter()を使用して条件を適用し、必要な要素のセットを除外できます。

$('#orderlist tr').filter(function(){
    if(!$(this).hasClass('selected') && this.className.split(' ').length == 2)
        return $(this);
}).fadeOut('slow').remove();

Answer 4

これを試して：

$('#orderlist .big').not('.selected').fadeOut('slow',function(){
    $(this).remove();
});