How to get the number of elements with a non-empty class name

Printable View

05-25-2019, 08:35 AM
Rain Lover

How to get the number of elements with a non-empty class name

Sample code:

Code:

<!DOCTYPE html> <html lang="en"> <head> <title>Get elements number</title> </head> <body> <p class="">Hello, world!</p> <p class="5">Hello, world!</p> <p class="9">Hello, world!</p> <p class="">Hello, world!</p> <script> console.log(document.querySelectorAll("p[class]").length); </script> </body> </html>

DEMO

What I get: 4
What I expect: 2
05-25-2019, 09:54 AM
keyboard

Hey Rain Lover.
I saw your SO post, and my personal preference is definitely this solution -

Code:

console.log(document.querySelectorAll("p[class]:not([class=''])").length);

Just adding it in here in case anyone else stumbles into this thread.
05-25-2019, 10:30 AM
coothead

Hi there Rain Lover,

try it like this...

https://jsfiddle.net/nLfeucqh/

...for the empty ones. ;)

coothead

All times are GMT. The time now is 04:30 PM.

Powered by vBulletin® Version 4.2.2
Copyright © 2021 vBulletin Solutions, Inc. All rights reserved.