Skip to content

Search in current page using jQuery

I have a code in jQuery that searches if a div tag exists with a certain class, a function should be executed.

The code works fine, but the issue is that the function is executed in every page because the div exists on the website.

Is there a way to check if the div exists on the current page or not.

This is my code

if($(".parent-class .div-with-certain-class")){
   /*Execute function*/

I want the function to execute only if the div-with-certain class exists on the current page. Is it possible using jQuery.


You need to test for length – in jQuery you can search for $('#this-id-does-not-exist') and you’ll get a truthy response, but the length property will be 0

if($(".parent-class .div-with-certain-class").length>0){
   /*Execute function*/

See for yourself here:

// test for length

// vs:
<script src=""></script>
<div id='i-exist'></div>