javascript - 一个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()