首页 文章

jquery图标类切换单击

提问于
浏览 次
0

当我点击'arrow'图标时，它会在类'up'和'down'之间切换，但由于有很多'arrow'图标，当我点击另一个图标时，我希望之前的图标丢失了'up'（如果有的话）之前将其添加到单击的'arrow' . 我的JQUERY代码似乎工作正常，除了这种情况：enter image description here

*点击箭头（添加'up'类）

*点击另一个箭头（'down'类添加到上一个，'up'添加到单击的箭头）

*点击另一个箭头（'down'类添加到上一个，点击的箭头消失）

我的代码：

$('.accordion').click(function() {
  if($(this).find('i').hasClass('fa-angle-down')){
      $('i').addClass('fa-angle-down');
      $(this).find('i').toggleClass('fa-angle-down fa-angle-up');
} else {
  $(this).find('i').toggleClass('fa-angle-up fa-angle-down');
}
});

我的功能代码中存在任何逻辑缺陷 .

jquery

2 回答

  • 0
    $('.accordion').click(function() {
  if($(this).find('i').hasClass('fa-angle-down'))
      $(this).find('i').removeClass('fa-angle-down').addClass('fa-angle-up');
  else 
      $(this).find('i').addClass('fa-angle-down').removeClass('fa-angle-up');
});
    回复于
  • 0

    在@ Cr1xus方法的帮助下找到了解决方案 .

    $('.accordion-question').click(function() {
  if($(this).find('i').hasClass('fa-angle-down')){
      $('i').addClass('fa-angle-down');
      $(this).find('i').removeClass('fa-angle-down').addClass('fa-angle-up');
} else {
  $(this).find('i').addClass('fa-angle-down').removeClass('fa-angle-up');
}
});
    回复于

相关问题