如何使用存储为data- *属性的类名作为选择器

Question

我正在使用一个小点击功能，我想在HTML5属性中存储一些数据，但我很难过如何使用存储为选择器的类名来运行函数。这是我的HTML，其中包含存储的类名：

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

单击元素时，我想隐藏'.calendar__event - blue'类。这是我尝试过的：

$('.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();
})