Question

我制作了两个用于切换图标的脚本：

$(document).ready(function() {
    $('.actions').on('click', function(event) {
        var name = $(this).find('i').toggleClass('fa-eye');
    });

    $('.actions').on('click', function(event) {
        var name = $(this).find('i').toggleClass('fa-eye-slash');
    });
});

这很有效。我还试图在我拥有的另一个计数器中添加/删除一个值（布尔值）：

<div class="hello-badge" data-badge="0">

我有什么想法可以做到这一点吗？

Answer 1

在我的按钮上第一次单击我想将+ 1添加到数据徽章计数器。第二次按下我想从数据徽章计数器中减少-1

鉴于上述情况，数据属性的值只会是0或1，假设它根据您的HTML示例在0开始，您只需来回切换在连续点击的这些值之间。

另请注意，您可以将toggleClass个语句加入单个事件处理程序并调用。试试这个：

$('.actions').on('click', function(event) {
    $(this).find('i').toggleClass('fa-eye fa-eye-slash');
    $('.hello-badge').data('badge', $('.hello-badge').data('badge') == 0 ? 1 : 0);
});

使用切换从计数器添加删除值

1 个答案: