更改導航圖標

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"); 
    } 
});