'<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>
的类元素,然后更改以下行,
$('#collapseIcon').find('i').toggleClass('fa-caret-right fa-caret-down');
至:
$('#collapseIcon').toggleClass('fa-caret-right fa-caret-down');
.find()
会寻找后代。
更多信息:jquery .find()
关于javascript - 一个div中有图标和标签,我想在单击标签时更改图标,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38736658/