用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' 
});