Javascript 如何更改应用于多个图元中跨度的类？

我正在开发一个应用程序，我有几个span。例如：

<a id="boton"> <span #span class = "glyphicon glyphicon-asterisk"> </ span> item 1 </a>
<a id="boton"> <span #span class = "glyphicon glyphicon-asterisk"> </ span> item 2 </a>
<a id="boton"> <span #span class = "glyphicon glyphicon-asterisk"> </ span> item 3 </a>
<a id="boton"> <span #span class = "glyphicon glyphicon-asterisk"> </ span> item 4 </a>
<a id="boton"> <span #span class = "glyphicon glyphicon-asterisk"> </ span> item 5 </a>

---

你能帮我吗。谢谢

您可以获得clickables的父项，然后进行相应的设置。你可以查一下

$（'a'）。单击（功能（事件）{
变量目标=$（event.target）；
如果（目标为（“范围”））{
toggleClass（'glyphicon-减号'）；
}
})

.row{
背景#f8f9fa；
边缘顶部：20px；
}
上校{
边框：实心1px#6c757d；
填充：10px；
}

项目1


项目2


项目3


项目4


第5项

为什么

#span

？这不是设置ID$（“#按钮”）的方式。单击（函数（）{（$（“#span”）.first.attr（'class'，'glyphicon-减号'）；}）；我对css@LucaSide note了解不多，id必须是唯一的当你说你想改变一个跨度的类时，这总是意味着第一个跨度，还是可能是任何跨度？请在你的问题中更具体一些。

<a id="boton"> <span #span class = "glyphicon glyphicon-minus"> </ span> item 1 </a>
<a id="boton"> <span #span class = "glyphicon glyphicon-asterisk"> </ span> item 2 </a>
<a id="boton"> <span #span class = "glyphicon glyphicon-asterisk"> </ span> item 3 </a>
<a id="boton"> <span #span class = "glyphicon glyphicon-asterisk"> </ span> item 4 </a>
<a id="boton"> <span #span class = "glyphicon glyphicon-asterisk"> </ span> item 5 </a>

$ ('# button'). click (function () {
 $ ('# span'). toggleClass ('glyphicon-minus');
});