計算div中相同類的元素數量？

我有一個特定的ID在我的網頁主要股利。現在在這個div中存在一些同類輸入元素。那麼如何使用jquery來計算這個div中相同類的這些元素的數量？計算div中相同類的元素數量？

2012-03-13 manishjangir

在什麼情況下？ DOM準備就緒，在加載時點擊..？ – 2012-03-13 09:47:38

使用jQuery，你可以簡單地使用

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

與純JS

否則（從IE8包括在內），你可以簡單地寫

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

來源

2012-03-13 09:45:16 fcalderan

對於普通的JS和符合/現代的瀏覽器，你可以使用'querySelectorAll（）'。 – 2012-03-13 09:48:21

是的，我在幾秒鐘後提到它:) – fcalderan 2012-03-13 09:50:09

我的觀點是在你提到它之後提出的，並且確實要小心qSA（）僅在最近的瀏覽器中可用。 – 2012-03-13 11:04:04

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

來源

2012-03-13 09:46:22 sandeep

你可以到父節點，然後查詢所有正在搜索的類的節點。那麼我們得到的大小

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>

來源

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>

來源

2018-02-21 08:02:15

計算div中相同類的元素數量？

回答

相關問題