Question

我正在尝试使用切换按钮更改字体真棒图标，但是，似乎没有任何效果，我不确定为什么吗？

（HTML）

<span class="change-icon"><i class="far fa-eye" id="password-see"></i></span></div>

（CSS）

.change-icon {
    cursor: pointer;
}

（JavaScript）

$(document).ready(function () {
    $('change-icon').click(function () {
        $('i').toggleClass('far fa-eye far fa-eye-slash');
    });
});

任何帮助将不胜感激！

Answer 1

您的问题是，您尝试获取html元素.change-icon，但尝试使用$（'change-icon'）而不是$（'。change-icon'）来获取它，其中点代表这是一堂课

更改此：

$(document).ready(function () {
    $('change-icon').click(function () {
        $('i').toggleClass('far fa-eye far fa-eye-slash');
    });
});

对此：

$(document).ready(function () {
    $('.change-icon').click(function () {
        $('i').toggleClass('fa-eye fa-eye-slash');
    });
});

然后我将$（'i'）更改为$（'＃password-see'）

Answer 2

尝试一下

$(document).ready(function () {
    $('.change-icon').click(function () {
        $('i').toggleClass('fa-eye fa-eye-slash');
    });
});

Answer 3

试试这个兄弟

 $(document).ready(function () {
        $('.change-icon').click(function (event) {
            $(event).find('i').toggleClass('far fa-eye far fa-eye-slash');
        });
    });

点击时无法更改“真棒字体”图标吗？

3 个答案: