Question

我有字体真棒图标，我想通过jquery更改。我已经为它添加了一个类js-toggler。当我使用 $(this).find('.js-toggler').css("color", "red");它有效，但我使用的时候 $(this).find('.js-toggler').removeClass('fa-angle-double-down');它不起作用。 svg元素是这样的。

<svg class="svg-inline--fa fa-angle-double-down fa-w-10 js-toggler" style="font-size: 12px; padding-right: 5px; color: red;" aria-hidden="true" data-prefix="fa" data-icon="angle-double-down" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" data-fa-i2svg=""><path fill="currentColor" d="M143 256.3L7 120.3c-9.4-9.4-9.4-24.6 0-33.9l22.6-22.6c9.4-9.4 24.6-9.4 33.9 0l96.4 96.4 96.4-96.4c9.4-9.4 24.6-9.4 33.9 0L313 86.3c9.4 9.4 9.4 24.6 0 33.9l-136 136c-9.4 9.5-24.6 9.5-34 .1zm34 192l136-136c9.4-9.4 9.4-24.6 0-33.9l-22.6-22.6c-9.4-9.4-24.6-9.4-33.9 0L160 352.1l-96.4-96.4c-9.4-9.4-24.6-9.4-33.9 0L7 278.3c-9.4 9.4-9.4 24.6 0 33.9l136 136c9.4 9.5 24.6 9.5 34 .1z"></path></svg>

这有什么问题？

修改

svg元素是由i动态生成的字体，所以我猜想与动态创建的内容有关吗？

jquery代码

 $("#subject_contents>ul>li>a").on('click',function(e){
    $(this).parent().siblings().children('ul').hide('slow'); $(this).parent('li').children('ul').toggle('slow');
    $(this).find('.js-toggler').removeClass('fa-angle-double-down');

    e.stopPropagation();
 });

当`css`方法有效时，removeClass不起作用

0 个答案: