匹配數據屬性，隱藏其餘的部分

Question

如果數據屬性匹配，我使用下面的方式顯示單擊按鈕時的對應div。我怎樣才能隱藏所有不匹配的其他人？

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

Answer 1

您可以在所有元素調用hide()，然後filter()找那些到show()。事情是這樣的：

$('.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/