Count html5 data attributes

Question

I'm trying to count how many elements (list) have the html data attribute of 'data-facet', but I'm undefined.

Here is what I have tried:

$('li').data('facet').length;

Any ideas where I've gone wrong?

Patrick Q · Accepted Answer · 2014-08-20 16:09:13Z

2

If data('facet') represents an integer, then that would explain the undefined result (because you can't run .length on an integer). You can fix this by doing $('li').data('facet').toString().length; instead, but that's not going to get you the result you want (instead, it will give you the length of the data-facet value of the first li element).

To get the desired count of lis, do this:

$('li[data-facet]').length

That will give you the number of li element that have the data-facet attribute.

answered Aug 20, 2014 at 16:09

Patrick Q

6,3942 gold badges28 silver badges34 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

iltdev Over a year ago

It was indeed an integer, @Patrick. Thank you for the help :)

Collectives™ on Stack Overflow

Count html5 data attributes

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related