Sayfamda belirli bir kimliğe sahip bir ana div var. Şimdi bu sınıfta aynı sınıfın bazı girdi elemanları var. jQuery kullanarak bu sınıftaki aynı sınıftaki bu elementlerin sayısını nasıl sayabilirim?, bir div içindeki aynı sınıfın eleman sayısını sayar mı?
jQuery ile basitçe Ardından üst düğümün ve sorgu alabilirsiniz sadece
document.querySelectorAll('#main-div .specific-class').length;
Düz JS ve uyumlu/modern tarayıcılarda 'querySelectorAll()' kullanabilirsiniz. –
evet, bundan birkaç saniye sonra bahsettim :) – fcalderan
Anlattığınız noktadan bahsetmiştim ve qSA() 'nın sadece son tarayıcılarda mevcut olduğuna dair bir uyarıydı. –
$('#maindivid').find('input .inputclass').length
yazabilirsiniz düz js ile aksi
$('#main-div .specific-class').length
(IE8 dahil itibaren) kullanabilirsiniz aranan sınıfla tüm düğümler. o zaman boyutu nedir olayda
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><!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>
olsun? DOM-hazır, yükte, tıklamada ..? –