对于一个元素中的所有外观，将一个超棒的字体图标替换为另一个

Question

要获取包含该特定图标的所有元素，应编写：

const elementList = document.querySelectorAll('.fa-line-chart');

这会创建一个列表，该列表可以与foreach一起循环，问题是我无法使用新图标进行更新。

我试图这样做：

elementList.forEach(document => document.style.icon= '.fa-pie-chart');

Answer 1

这可以解决问题。

$('.fa-line-chart').each(function() {
  $(this).removeClass('fa-line-chart');
  $(this).addClass('fa-pie-chart')
});

编辑

如果我理解您的问题，也许您正在尝试更改满足某些条件的所有图标的fa类？

在这种情况下，我将使用.toggleClass()

例如（取自jquery api

$( "div.foo" ).toggleClass(function() {
  if ( $( this ).parent().is( ".bar" ) ) {
    return "happy";
  } else {
    return "sad";
  }
});

如果元素的父元素具有bar类，则此示例将切换元素的happy类。否则，它将切换可悲的类。