Checking if the class exists on Page using Jquery

Question

I'm trying to check if a class exists using jquery. But something is not going well! for example here's an HTML

<div id="door">
  <!-- change this class to something else to test -->
  <div class="test alfa">
    <h1>Class "Test" Does Exist</h1>
  </div>
</div>

How can I check that the class test exists

I'm trying the following if statement by not working for some reason. it may be something wrong with my code that I can't spot for some reason!

if ($('test')[0]) {
    $('h1').show();
} else {
  $('h1').text('Class "Test" Does NOT Exist');
}

I would appreciate it if you can test this for me or let me know what's going wrong with the above statement!?

And perhaps you know can use $('.test').length instead of $('test')[0] — Pedram
– Pedram, Commented Dec 9, 2017 at 12:17
You can use hasClass from Jquery if you know where it is. Have a look at the following link it can help you api.jquery.com/hasclass I find that useful. — DirWolf
– DirWolf, Commented Dec 9, 2017 at 12:22
Depending your real use case, I guess you haven't to use any js/jQuery but just CSS would be enough — A. Wolff
– A. Wolff, Commented Dec 9, 2017 at 12:34

DirWolf · Accepted Answer · 2017-12-09 12:13:25Z

4

You need to add a dot to the test class

if ($('.test')[0]) {
    $('h1').show();
} else {
  $('h1').text('Class "Test" Does NOT Exist');
}

answered Dec 9, 2017 at 12:13

DirWolf

8916 silver badges24 bronze badges

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

Comments

glemmal · Accepted Answer · 2017-12-09 12:12:19Z

0

You forgot a "." :

if ($('.test')[0]) {
    $('h1').show();
} else {
  $('h1').text('Class "Test" Does NOT Exist');
}

answered Dec 9, 2017 at 12:12

glemmal

341 silver badge3 bronze badges

Comments

Manikant Gautam · Accepted Answer · 2017-12-09 12:13:33Z

0

You forgot putting . on selector

if ($('.test')[0]) {
    $('h1').show();
} else {
  $('h1').text('Class "Test" Does NOT Exist');
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="door">
  <!-- change this class to something else to test -->
  <div class="test alfa">
    <h1>Class "Test" Does Exist</h1>
  </div>
</div>

answered Dec 9, 2017 at 12:13

Manikant Gautam

3,5911 gold badge20 silver badges30 bronze badges

Collectives™ on Stack Overflow

Checking if the class exists on Page using Jquery

3 Answers 3

Comments

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Related