Javascript 如何使用jQuery和MaterializeCSS进行图标切换？

在MaterializeCS中，有一个特定的语法来调用它们的预制图标。这是一个例子：

<i class="material-icons">expand_more</i>

进一步扩展

您使用的

=

实际上是在设置值，您真正想要的是

=

或

==

，这是一种比较

double equals不强制类型匹配，但triple强制类型匹配

---

另外，它是

text（）

，而不仅仅是

text

，因为您使用的是jQuery。如果您想使用vanilla，它将是

innerText

您使用的

=

实际上是设置值，您真正想要的是

=

或

==

这是一个比较

double equals不强制类型匹配，但triple强制类型匹配

另外，它是

text（）

，而不仅仅是

text

，因为您使用的是jQuery。如果您想使用香草，则应该使用

innerText

尝试使用此选项

}))

这是我的

试试这个

}))

这是我的

试试这个：

$('.remove-text').click(function() {

var parent_child = $(this);

parent_child.toggleClass('collapsed');

if(parent_child.hasClass('collapsed')){
    parent_child.children('i.arrow-change').text('expand_less');
}else{
    parent_child.children('i.arrow-change').text('expand_more');
}

});

示例：

尝试以下方法：

$('.remove-text').click(function() {

var parent_child = $(this);

parent_child.toggleClass('collapsed');

if(parent_child.hasClass('collapsed')){
    parent_child.children('i.arrow-change').text('expand_less');
}else{
    parent_child.children('i.arrow-change').text('expand_more');
}

});

例如：