更改导航图标

Question

我在页面上有这样的下方导航：

<ul class="fa-ul" id="filter"> 
    <li><i class="fa-li fa fa-folder-o"></i><a href="{{route('fotoindex')}}">Semua Foto</a></li> 
    @forelse($albums as $al) 
    <li><i class="fa-li fa fa-folder-o"></i><a href="{{route('fotofilter', $al->slug)}}" name="album">{{$al->nama}}</a></li> 
    @empty 
    @endforelse 
</ul> 

我已经成功地active类添加到a元素时，在给定的a元素中的URL在浏览器中打开下面的代码：

​​

现在我想知道如何更改i元素图标类？假设网址已打开，我想将图标类从fa-li fa fa-folder-o更改为fa-li fa fa-folder-open-o

这就是全部，谢谢！

Answer 1

$('#filter li a').each(function() { 
    if (this.href === path) { 
    $(this).siblings('i').removeClass("fa-folder-o").addClass("fa-folder-open-o active"); 
    } 
});