1つの部門にアイコンとラベルがあり、ラベルのクリックでアイコンを変更したい

Question

'<div class = "padding_Tables"><a href="#"><i id=collapseIcon class="fa fa-caret-down iconCollapse" " /></a><label class="tree-toggler nav-header collapsableLabel"> Overall </label>'</div> 

このスクリプトを試しました。

$('label.tree-toggler').click(function() { 
    $('#collapseIcon').find('i').toggleClass('fa-caret-right fa-caret-down'); 
}); 

アイコンとラベルは折りたたみ可能です。あなたが<i>要素のクラスを変更しようとしている場合は、以下の行を変更

Answer 1

、

$('#collapseIcon').find('i').toggleClass('fa-caret-right fa-caret-down');

へ：

$('#collapseIcon').toggleClass('fa-caret-right fa-caret-down'); 

.find()が子孫を検索します。

詳細情報：jquery .find()