Skip to main content
Alteração no código.
Fonte Link
Mateus Veloso
  • 1,9mil
  • 9
  • 27

Exemplo funcional, modifique como você quiser, utilizei jQueryAjustei o código para contar as divs e só preencher caso tenha acima de 3. LembrandoPego todas as divs que coloquei o número 3 porque inicia do 0contém a classe 'd' para contagem e modificação.

  

jQuery(document).ready(function(){
      if(jQuery('.d').length > 3){
        jQuery(jQuery('div''.d')[3]).addClass('red');
      } else{
        alert('A quantidade de divs na tela é inferior a 4');
      }
    })
.red{
          background: red;
          width: 200px;
          height: 200px;
          float:left;
        }
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div><<div class="d"></div>
<div><<div class="d"></div>
<div><<div class="d"></div>
<div><<div class="d"></div>
<div><<div class="d"></div>

Exemplo funcional, modifique como você quiser, utilizei jQuery. Lembrando que coloquei o número 3 porque inicia do 0.

 

jQuery(jQuery('div')[3]).addClass('red');
.red{
  background: red;
  width: 200px;
  height: 200px;
  float:left;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>

Ajustei o código para contar as divs e só preencher caso tenha acima de 3. Pego todas as divs que contém a classe 'd' para contagem e modificação. 

jQuery(document).ready(function(){
      if(jQuery('.d').length > 3){
        jQuery(jQuery('.d')[3]).addClass('red');
      } else{
        alert('A quantidade de divs na tela é inferior a 4');
      }
    })
.red{
          background: red;
          width: 200px;
          height: 200px;
          float:left;
        }
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="d"></div>
<div class="d"></div>
<div class="d"></div>
<div class="d"></div>
<div class="d"></div>

Fonte Link
Mateus Veloso
  • 1,9mil
  • 9
  • 27

Exemplo funcional, modifique como você quiser, utilizei jQuery. Lembrando que coloquei o número 3 porque inicia do 0.

jQuery(jQuery('div')[3]).addClass('red');
.red{
  background: red;
  width: 200px;
  height: 200px;
  float:left;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>