特定のクラスの画像からクラスを追加/削除するにはどうすればよいですか？

Question

だからこれは私が持っているコードです：現時点で

$('.showvideo').click(function(){ // removes 'show' class from all images that aren't 'vid' 
    showAll(); 
    if($('.gallery li img').hasClass('video')){ 
     $('.gallery li img').addClass('show').removeClass('hide'); 
    } 
    else{ 
     $('.gallery li img').addClass('hide').removeClass('show'); 
    } 
}); 

それは2つだけ6のうちのクラスのビデオ」を持っているにもかかわらず、「コンテナ」内のすべての画像にクラスのショー」を追加。どのようにしてクラス 'show'をクラス 'video'を持つ画像だけに追加するのですか？

Answer 1

個々のセレクターにビデオクラスを追加して、このような項目だけを取得することができます。

$('.showvideo').click(function(){ // removes 'show' class from all images that aren't 'vid' 
    showAll(); 
    $('.gallery li img.video').addClass('show').removeClass('hide'); 
    $('.gallery li img').not('.video').addClass('hide').removeClass('show'); 
}); 

それとも、もう少し効率的に：

$('.showvideo').click(function(){ // removes 'show' class from all images that aren't 'vid' 
    showAll(); 
    var $items = $('.gallery li img'); 
    $items.filter('.video').addClass('show').removeClass('hide'); 
    $items.not('.video').addClass('hide').removeClass('show'); 
}); 

Answer 2

$('.showvideo').click(function(){ 
    $('.gallery li img') 
     .addClass('hide') 
     .removeClass('show') 
     .filter('.video') 
      .addClass('show') 
      .removeClass('hide'); 
}); 

UPDATE
、より効率的な方法ビデオクラスと仮定するとimgタグ自体にあり、それは次のように動作します読みやすさを維持しながらこれを行う：