我有以下要素:
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
我想使用jquery(或者只使用javascript)来修改aria扩展字段,使其在true和false之间切换。
我该怎么做呢?
谢谢!
我有以下要素:
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
我想使用jquery(或者只使用javascript)来修改aria扩展字段,使其在true和false之间切换。
我该怎么做呢?
谢谢!
4条答案
按热度按时间flvlnr441#
您可以将.attr()用作的一部分,但您计划切换它:
bpzcxfmw2#
由于这个问题要求jQuery * 或 * vanilla JS,因此这里给出了使用vanilla JS的答案。
我在下面的演示中添加了一些CSS,以便在
aria-expanded
设置为true
时将按钮的字体颜色更改为红色fumotvh33#
基于元素的单击的Bootstrap Toggle类。单击后会提到aria-expanded值
在CSS中添加关闭按钮图标。单击时更改
3pvhb19x4#
您也可以使用
prop
,但由于它是属性名称,因此将其更改为ariaExpanded
。