jquery - 如何使用存储为 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()
})

但显然这是返回数据对象而不是类名作为选择器，想知道是否有任何方法可以从数据存储中定位元素。谢谢！

score 1 · Accepted Answer

你的意思是：

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

1 回答 1