一个div中有图标和标签，我想在点击标签时更改图标

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

图标和标签是可折叠的。

Answer 1

如果您尝试修改<i>元素的类，请更改以下行

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

为：

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

.find()将搜索后代。

更多信息：jquery .find()