首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >对于一个元素中的所有外观,用另一个图标替换一个字体很棒的图标

对于一个元素中的所有外观,用另一个图标替换一个字体很棒的图标
EN

Stack Overflow用户
提问于 2018-09-17 19:46:16
回答 1查看 98关注 0票数 0

要获取包含特定图标的所有元素,应该这样写:

代码语言:javascript
运行
复制
const elementList = document.querySelectorAll('.fa-line-chart');

这会创建一个可以用foreach循环的列表,问题是我不能用新图标更新它。

我试着这样做:

代码语言:javascript
运行
复制
elementList.forEach(document => document.style.icon= '.fa-pie-chart');
EN

回答 1

Stack Overflow用户

发布于 2018-09-17 19:51:44

这将会起到作用。

代码语言:javascript
运行
复制
$('.fa-line-chart').each(function() {
  $(this).removeClass('fa-line-chart');
  $(this).addClass('fa-pie-chart')
});

编辑

如果我理解您的问题,也许您正在尝试为所有符合某些条件的图标更改icon fa类?

在本例中,我将使用.toggleClass()

例如(取自jquery api

代码语言:javascript
运行
复制
$( "div.foo" ).toggleClass(function() {
  if ( $( this ).parent().is( ".bar" ) ) {
    return "happy";
  } else {
    return "sad";
  }
});

如果元素的父元素具有bar类,则此示例将切换元素的happy类;否则,它将切换sad类。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/52367012

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档