javascript - 如何组合两个 jQuery 函数

Question

早上好。

我想将我的 jQuery 函数合二为一。

$('body').on('click', '.toggle2', function() {
    console.log(123);
    $('body').find('.dateshow').toggleClass('show');

});

$('body').on('click', '.toogle3', function() {
    $('body').find('.autorshow').toggleClass('show');
});


$('body').on('click', '.toogle4', function() {
    console.log(123);
    $('body').find('.starshow').toggleClass('show');

});

提前致谢

Answer 1

如果您将所有切换链接更改为具有以下标记:

<a href="#" class="toggle" data-toggle="dateshow">click</a>
<a href="#" class="toggle" data-toggle="autorshow">click</a>
<a href="#" class="toggle" data-toggle="starshow">click</a>

然后您可以添加一个更通用的处理程序，例如:

$('.toggle').on('click', function() {
     var targetSelector = $(this).attr('data-toggle');
     $('.' + targetSelector).toggleClass('show');
});

代码笔:http://codepen.io/anon/pen/aBKJEb