jquery - 使用 jQuery 切换元素的属性？

Question

使用 jQuery 构建树形菜单，并且我希望它可以访问，因此我使用 aria 属性。我想要做的是在单击/输入时将“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'
});