cuenta el número de elemento de la misma clase en un div?

Tengo un div principal en mi página con una identificación específica. Ahora algunos elementos de entrada de la misma clase están presentes en este div. Entonces, ¿cómo puedo contar el número de estos elementos de la misma clase en este div usando jquery?cuenta el número de elemento de la misma clase en un div?

Fuente

2012-03-13 manishjangir

En qué evento? DOM listo, en carga, al hacer clic ...? –

con jQuery puede simplemente usar

$('#main-div .specific-class').length

de otro modo con js lisos (de IE8 incluido) simplemente puede escribir

document.querySelectorAll('#main-div .specific-class').length;

Fuente

2012-03-13 09:45:16 fcalderan

Con JS simple y en navegadores compatibles/modernos, puede usar 'querySelectorAll()'. –

sí, lo mencioné unos segundos después :) – fcalderan

Mi comentario fue hecho después de haberlo mencionado, y fue una advertencia que qSA() solo está disponible en navegadores recientes. –

$('#maindivid').find('input .inputclass').length

Fuente

2012-03-13 09:46:22 sandeep

Puede llegar al nodo padre y luego consulta todos los nodos con la clase que se está buscando. entonces obtenemos el tamaño

var parent = document.getElementById("parentId"); 
 
var nodesSameClass = parent.getElementsByClassName("test"); 
 
console.log(nodesSameClass.length);

<div id="parentId"> 
 
    <p class="prueba">hello word1</p> 
 
    <p class="test">hello word2</p> 
 
    <p class="test">hello word3</p> 
 
    <p class="test">hello word4</p> 
 
</div>

Fuente

2018-02-12 16:15:07

-1

<!DOCTYPE html> 
<html> 
<head> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> 
    <script type="text/javascript"> 
    $(document).ready(function(){ 
     var count = 2; 
     $('#adding_employment').click (function(){ 
      if(count < 7){ 
       $($('.input-append').first().clone()).appendTo("#ss"); 
       $($('.input-append1').first().clone()).appendTo("#ss1"); 
      count++; 
      } 
     }); 
    }); 
    </script> 
</head> 
<body> 
    <form method="post" id="form_property" enctype="multipart/form-data"> 
     <a id="adding_employment" class="btn btn-primary btn-small list-your-property" href="#">Add Another Image</a><br/><br/> 
     <div class="row"> 
      <div class="span4" id="ss" > 
       <div class="input-append"> 
        place the code here 

       </div> 
      </div><!-- /.span4 --> 
      <div class="span4" id="ss1" > 
       <div class="input-append1"> 
        second 
       </div> 
      </div> 
     </div><!-- /.row --> 
     <br/> 
    </form> 
</body> 
</html>

Fuente

2018-02-21 08:02:15

cuenta el número de elemento de la misma clase en un div?

Respuesta

Cuestiones relacionadas