Question

我正在尝试替换某个div中的所有字体真棒图标。

这是我的代码：

$( '#icons' ).find( '.fa' ).each( function() {
  if( $( this ).hasClass( 'fa-adjust' ) ){
    $( this ).attr( 'class' , 'fa fa-circle' );
  } else if( $( this ).hasClass( 'fa-circle' ) ){
    $( this ).attr( 'class' , 'fa fa-adjust' );
  }
});

我想要做的是在fa-adjust div中与fa-circle交换icons。

Answer 1

使用toggleClass功能。它可以切换几个类：

$( '#icons' ).find( '.fa' ).toggleClass('fa-adjust fa-circle');

Answer 2

直接做，因为你不能有重复的ID。 icons是一类吗？

$('.fa-adjust').removeClass("fa-adjust").addClass("fa-circle");

Answer 3

$('#icons').find('.fa.fa-adjust, .fa.fa-circle').toggleClass('fa-adjust fa-circle');

但为什么你必须用JS而不是修改标记呢？

JQuery在div中查找和替换

3 个答案: