Jquery .attr returning undefined

Asked Aug 23 '19 at 09:47

Active Aug 23 '19 at 09:50

Viewed 21 times

Jquery function .attr returns undefined for the below code snippet.

<a class="dropdown-item active" href="#" sort-data="A-Z">
<i class="material-icons">check</i>A-Z</a>

What I am trying is this-

$('dropdown-item active').attr('sort-data')

What I've also tried is this -

$('.dropdown-item active').attr('sort-data')

asked Aug 23 '19 at 09:47

Karan Bhatia

Your selector is incorrect. To match an element with two class names, put `.`s before each class name, `.dropdown-item.active` – CertainPerformance Aug 23 '19 at 09:49
Your selector is wrong. You're looking for ``. When looking for an element with multiple selector, remove spaces and include `.` prefixes on all classes: `$('.dropdown-item.active')`. Also note that `sort-data` is not a valid attribute for an `` element. I'd suggest using `data` attributes if you want to store meta data in HTML – Rory McCrossan Aug 23 '19 at 09:49
You should do this: `$('.dropdown-item.active').attr('sort-data'));` – Webdeveloper_Jelle Aug 23 '19 at 09:51
Thanks everyone...it is working now. I was missing the dot operator. thank you for the quick help. – Karan Bhatia Aug 23 '19 at 09:55

0 Answers0