Javascript 在一个分区中有图标和标签，我想在单击标签时更改图标

图标和标签是可折叠的

如果您试图修改

元素的类，请更改下面的行

$（'collapseIcon'）。查找（'i'）。切换类（'fa-caret-右fa-caret-down'）

致：

.find（）
将搜索后代

更多信息：
如果您试图修改
元素的类，请更改下面的行

$（'collapseIcon'）。查找（'i'）。切换类（'fa-caret-右fa-caret-down'）

致：

.find（）
将搜索后代

更多信息：
你能用JSFIDLE给我看看吗？你做了两个图标。一个是隐藏并单击标签，您可以显示第二个图标并隐藏第一个图标？你做了两个图标。一个是隐藏并单击标签，您可以显示第二个图标并隐藏第一个图标。。。请随意使用：）在我准备提交答案之前，我创建了一个JSFIDLE，概述了这一点。。。请随意使用：）
 '<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');
});

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