Javascript div的第一个元素的Toggle类

这对我来说可能很简单，但我坚持在这里

代码：

<a href="#" class="icon">
    <i class="fa fa-arrow-down"></i>
    <h6>Heading</h6>
</a>

console.log（$（this.children（））

输出：

[i.fa.fa-angle-down, h6, prevObject: n.fn.init[1], context: a.icon]
0:i.fa.fa-angle-down
1:h6

---

谢谢

您可以使用如下方法轻松完成

$('.icon').click(function () {
    $(this).children(':first').toggleClass('fa-arrow-up fa-arrow-down')
})

---

您可以使用下面的方法轻松完成

$('.icon').click(function () {
    $(this).children(':first').toggleClass('fa-arrow-up fa-arrow-down')
})

试试这个

$('.icon').click(function () {
 if ($(".icon > i").hasClass('fa-arrow-down')) {
       $(".icon > i").removeClass('fa-arrow-down').addClass('fa-arrow-up')
    }
})

试试这个

$('.icon').click(function () {
 if ($(".icon > i").hasClass('fa-arrow-down')) {
       $(".icon > i").removeClass('fa-arrow-down').addClass('fa-arrow-up')
    }
})

看看这个：

   $('.icon').click(function () {

    var hasClass = $('.icon:first-child').hasClass('fa-arrow-down');

    if (hasClass) {
        $('.icon:first-child').removeClass('fa-arrow-down').addClass('fa-arrow-up');
    } else {
        $('.icon:first-child').removeClass('fa-arrow-up').addClass('fa-arrow-down');
    }

});

看看这个：

   $('.icon').click(function () {

    var hasClass = $('.icon:first-child').hasClass('fa-arrow-down');

    if (hasClass) {
        $('.icon:first-child').removeClass('fa-arrow-down').addClass('fa-arrow-up');
    } else {
        $('.icon:first-child').removeClass('fa-arrow-up').addClass('fa-arrow-down');
    }

});

---

您的输出显示“fa角度向下”，但您的代码显示“fa箭头向下”，因此您在代码或stackoverflow中键入的内容是错误的。它只适用于我，除非您希望它在每个clickBek上切换，谢谢！我犯了打字错误。。。在IT部门工作到深夜的结果！！您的输出显示“fa角度向下”，但您的代码显示“fa箭头向下”，因此您在代码或stackoverflow中键入的内容是错误的。它只适用于我，除非您希望它在每个clickBek上切换，谢谢！我犯了打字错误。。。在IT部门工作到深夜的结果！！