Check if a DIV element exists by its class in jQuery

Question

<div class="view-content">
    <div class="views-row views-row-1">
    <div class="views-row views-row-2">
    <div class="views-row views-row-3">
    <div class="views-row views-row-4">
</div>

How can I in JavaScript/jQuery check whether the last <div> element (<div class="views-row views-row-4">) exist?

Some times, I just have 3 and others 4. When I just have 3, I would like to perform some CSS changes.

saying on what element you want to perform the CSS changes , might help provide a better solution. — Riddler, Jun 26 '15 at 13:26
@user3932702 It does matter.There is every chance that you may not get desired output because of mistakes like that. You want proper answers, ask proper questions . — Riddler, Jun 26 '15 at 13:34

score 7 · Accepted Answer · answered Jun 26 '15 at 13:24

7

You can look for the object and then check whether one was found:

if ($(".views-row-4").length) {
  // at least one element with class "views-row-4"
}

answered Jun 26 '15 at 13:24

Pointy

405,095
59
585
614

score 2 · Answer 2 · answered Jun 26 '15 at 13:24

2

To check if a div exist ,you can you can use the following Jquery snippet.

if( $('.your-class').length )
{
    //CODE IF DIV EXIST
}

answered Jun 26 '15 at 13:24

Varun

1,946
2
11
17

score 1 · Answer 3 · answered Jun 26 '15 at 13:25

1

Try this like

$('.view-content').children().length

answered Jun 26 '15 at 13:25

Mukesh Kalgude

4,814
2
17
32

divy3993 · Answer 4 · 2015-06-26T13:33:29.973

1

I think this might help you:

JS

var numClass = $(".views-row").length;
if(numClass == 3)
{
   /*Some Change in Your CSS*/
   $(".views-row").css("color","red");
}

edited Jun 26 '15 at 13:33

answered Jun 26 '15 at 13:25

divy3993

5,732
2
28
41

score 1 · Answer 5 · answered Jun 26 '15 at 13:26

1

Check number of div inside the container div.

if ($('.view-content > div').length > 3) {
    // Do your code here
}

answered Jun 26 '15 at 13:26

Prasanna

779
5
13

score 0 · Answer 6 · answered Jun 26 '15 at 13:29

0

Use .length in jquery

if($(".views-row").length == 3) {

}

answered Jun 26 '15 at 13:29

Check if a DIV element exists by its class in jQuery

6 Answers6