Check if multiple elements with same class exist

Question

Wonder if there's any way to check if elements with the same class exists in a document.

For example:

<div class="panel">panel 1</div>
<div class="panel">panel 2</div>
<div class="panel">panel 3</div>

JS:

if ( $('.panel')[0] ) {
    console.log('exists')
}

.. but I want to check if MORE THAN ONE panel element exists, alteast 2.

score 21 · Accepted Answer · answered May 17 '14 at 12:29

21

Try to use the length property to accomplish your task,

if($('.panel').length > 1) {
  console.log('yes, more than one element exist')
}

answered May 17 '14 at 12:29

Thats what I meant, it would return true even if just one `.panel` exists, I want to check if multiple element with the same class exists – eozzy May 17 '14 at 12:30
@Nimbuz now it'l do the job for you. – Rajaprabhu Aravindasamy May 17 '14 at 12:30

score 3 · Answer 2 · edited May 17 '14 at 13:10

3

if ( $('.panel').length >= 2 ) {
    console.log('exists')
}

This should work

edited May 17 '14 at 13:10

answered May 17 '14 at 12:29

Fonzy

oh yeah, I wrote this very quickly - still didn't get the cake! Thanks anyway, I won't edit the answer so people see what you meant. – Fonzy May 17 '14 at 13:09
1

@Fonzy Sorry, but some of the future referrers might not have patience to view the comments. – Rajaprabhu Aravindasamy May 17 '14 at 13:12
np mate, just learning how to get around here. TIL ;) – Fonzy May 17 '14 at 13:13

score 1 · Answer 3 · answered May 17 '14 at 12:29

1

Simply use the the length property ;)

if ($('.panel').length > 0) {
  // your code
}

answered May 17 '14 at 12:29

Jonathan Gruber

3 Answers3