Question

189

Get aria-expanded value

rated 0 times [ 194] [ 5] / answers: 1 / hits: 90001 / 9 Years ago, sat, august 1, 2015, 12:00:00

I didn't find a way to get aria-expanded value from DOM.

<a class=accordion-toggle collapsed href=#collapse-One data-parent=#accordion-1 data-toggle=collapse aria-expanded=false>

    <i class=fa fa-search-plus></i>

    test

</a>

I want to test if it's true then I can change <i> class to fa-search-minus. I tried this but I always get an undefined value:

console.log($(this).find('a.aria-expanded').val());

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

aileent

Add To Favorites

Follow

Total Points: 556

Total Questions: 107

Total Answers: 101

Location: Croatia

Member since Fri, Sep 11, 2020

4 Years ago

aileent questions

1 Next.js, getStaticProps not working with component but does with page

Tue, Mar 1, 22, 00:00, 2 Years ago

1 Why am I getting Failed to load extension. Invalid value for 'content_security_policy'?

Fri, Apr 16, 21, 00:00, 3 Years ago

1 Laravel livewire model is not working when updating input field from javascript?

Sun, Nov 29, 20, 00:00, 4 Years ago

1 How to get Input field type as props in react typescript

Wed, Nov 11, 20, 00:00, 4 Years ago

1 React Native Render error missing semicolon

Fri, May 8, 20, 00:00, 4 Years ago

View All

answered 9 Years ago noel · Accepted Answer

aria-expanded is an attribute on the element, not a class, so the selector is incorrect. Secondly, you should use the attr() function to get the value of that attribute. val() is intended to retrieve the value attribute from form related elements, such as input and textarea. Try this:

console.log($(this).find('a[aria-expanded]').attr('aria-expanded'));