データ属性の一致、残りの部分の非表示

Question

データ属性が一致する場合、ボタンをクリックしたときに対応するdivを表示するには、次のようにします。どのように私は一致しない他のすべてを非表示にすることができますか？

$('.document-container').click(function() { 
    var myEm = $(this).data('language'); 
    $('.documents[data-document = '+myEm+']').show(); 
}); 

Answer 1

あなたはshow()のものを見つけるために、すべての要素、filter()にhide()を呼び出すことができます。このような何か：

$('.document-container').click(function() { 
    var myEm = $(this).data('language'); 
    $('.documents').hide().filter('[data-document="' + myEm + '"]').show(); 
}); 

Answer 2

これを試してみてください：

$('.document-container').click(function() { 
    var myEm = $(this).data('language'); 
    $(".documents[data-document = '" + myEm + "']").show(); 
}); 

Answer 3

あなたはちょうどこのように、 "私が見せたいものではありませんすべてを隠す" と言うことができます。

$("*:not('#divToShow')").hide(); 

私が作りましたあなたはそれを試すJsfiddle：https://jsfiddle.net/Flyout/5qf2vadx/