Question

我在一个元素上切换图标没有问题，但是如果有多个元素，我不确定该怎么做。对于一个元素，我将使用id选择器，但是对于多个元素，让每个元素都包含一个id似乎真的很麻烦。

例如，这是我的浮动按钮之一，具有可切换的图标：

<a class="fixed-action-btn btn-floating btn-large" style=" id="expand2">

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

</a>

这是Javascript：

<script>
var button = document.getElementById("expand2");
var boolean = true;

button.onclick = function(){

if(boolean == true){

$(".btn-large").html('<i class="material-icons">unfold_less</i>');
                boolean = false;
} 

else if(boolean == false){

$(".btn-large").html('<i class="material-icons">unfold_more</i>');
                boolean = true;
}
}
</script>

我试图弄清楚如何在不使用id选择器的情况下切换多个元素的图标。预先感谢！

Answer 1

如果您使用的是jQuery，那么最简单的解决方案是将click事件附加到类上。

SLOT-VALUE

切换多个MaterializeCSS图标，而无需使用ID选择器

1 个答案: