Check block existence by jQuery

Question

How do I know if there is a block with class "media" on the page?

if(<div class="media"></div> exist in current page){
//then do something
}

This code doesn't work:

if($(".media")){ //do }

Answer 1

You need to check if ($('.media').length).

$(...) returns a jQuery object, which will always be "truthy", even when empty.
However, if it's empty, its length property will be 0, which is "falsy".

You can also be more explicit and write if ($('.media').length > 0).

Answer 2

You can use .length to check for existance

   if ($(".media").length)
    {//do something}

Answer 3

One way to do it is:

if ($("div.media").length > 0) {
    // Then do something.
}

Hint: use the tag name div before the class .media because it is more efficient.

Answer 4

if ($(".media").length > 0) { ... }

Answer 5

if($(".media").length){ //do }