如何使用存儲爲data- *屬性的類名稱作爲選擇器

Question

我正在使用一個小的點擊函數來存儲HTML5屬性中的一些數據，但我很難理解如何使用存儲爲用於在其上運行功能的選擇器的類名稱。這裏是我的HTML與存儲類名：

<a href="#" data-toggle=".calendar__event--blue">Click</a> 

當點擊元素，我想隱藏「.calendar__event - 藍色」類。以下是我已經試過：

$('.sidebar__mycals--nested a').on('click', function() { 
    var elToggle = $(this).data('toggle') 
    elToggle.fadeOut() 
}) 

但很明顯，這是返回的數據對象，而不是類名作爲選擇，想知道是否有任何方式的目標從數據存儲的元素。謝謝！

Answer 1

你的意思是這樣的：

$('.sidebar__mycals--nested a').on('click', function() { 
    var elToggle = $(this).data('toggle'); 
    $("."+elToggle).fadeOut(); 
})