javascript - 子元素上的 jQuery 切换类

Question

我有链接列表，如果你点击其中任何一个，它会在单独的 div 中切换显示/隐藏下面的文本。如果显示其中一个，它还会隐藏所有其他 div此代码管理它:

$(document).ready(function(){
$('.targetDiv').hide();
    $('.hideshow').click(function () {
        $('#div' + $(this).attr('target')).toggle('').siblings('.targetDiv').hide('');
});});

这就是链接的样子

<a class="hideshow" target="1"><div class="cennikPlus"><i class="fa fa-plus-square"></i></div>Something something</a>

我需要做的是改变

fa-plus-square

到

fa-minus-square

打开和关闭时。我发现在这种情况下应该有用的“toggleClass”，但我不确定如何在 a

内的 div 内选择 i

你能帮我解决这个问题吗？

网站也是here

Answer 1

找到 <i>并调用 toggleClass

$(this).find("i").toggleClass("fa-plus-square fa-minus-square")