jQuery數據選擇器查找具有某個數據值的所有元素

Question

我試圖顯示所有具有特定數據屬性設置爲特定值的元素，然後隱藏所有其他具有相同數據屬性但具有不同的價值。

代碼我似乎隱藏所有元素，無論他們是否具有數據屬性。

$('*').filter(function() {return $(this).data(dataAttr) == dataVal;}).show(); 
$('*').filter(function() { return $(this).data(dataAttr) !== dataVal; }).hide(); 

我需要這是動態的，因爲我傳遞的是數據屬性的名稱和要匹配的值。

Answer 1

代碼我似乎隱藏所有元素，無論他們是否具有數據屬性。

這是因爲您選擇的所有元素都是'*'。如果元素甚至沒有這樣的屬性，那麼您正在比較undefined與值（undefined !== someValue）可能總是true。

選擇具有該屬性的所有元素首先，隱藏它們，然後顯示與特定值的那些：

$('[' + dataAttr + ']').hide() 
.filter('[' + dataAttr + '="' + dataVal + '"]').show(); 

我決定，因爲我相信使用.filter和.data就會慢很多用在這裏選擇。