javascript - 一个div中有图标和标签,我想在单击标签时更改图标

标签 javascript jquery html

 '<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/

相关文章:

html - 为什么这个 div 不居中?

javascript - 如何在动态数据表中设置静态(第一行是常量)行

jQuery 在 $this 的父级中查找下一个 div

Javascript 函数计算特定日期或时间的剩余小时数

javascript - 我不断收到 Uncaught ReferenceError : dropMenu is not defined and Uncaught TypeError: Cannot read property 'style' of null

jQuery - 从 DOM 中删除元素时触发事件

css - 如何在屏幕调整大小时使用 CSS 防止 DIV 重叠?

html - 容器转换为适合,绝对定位,仍然导致溢出,就好像没有转换一样

javascript - 设置存储在数组中的对象的属性

javascript - Angular,使用 ng-repeat 从 JSON 对象解析数组