用jQuery切换元素的属性？

Question

用jQuery构建树形菜单，我希望它可以访问，所以我使用的是aria属性。我想要做的是在click/enter上将“aria-expanded”属性从true切换到false。我已经试过这一点，但它显然不正确：

$(this).closest('ul').find('> li.tree-parent').toggleAttr('aria-expanded', 'true false'); 

Answer 1

您可以使用.attr()手动编写切换逻辑

$(this).closest('ul').find('> li.tree-parent').attr('aria-expanded', function (i, attr) { 
    return attr == 'true' ? 'false' : 'true' 
});