如何計算一個班級的div，即一個班級的集裝箱div的孩子？

我想計數的每個容器中的號碼（「.child」）和追加一個句子與每個容器內的計數。如何計算一個班級的div，即一個班級的集裝箱div的孩子？

<div class='container'> 
    <div class='child'></div> 
    <div class='child'></div> 
    <div class='child'></div> 
    <div class='child'></div> 
</div> 

<div class='container'> 
    <div class='child'></div> 
    <div class='child'></div> 
</div>

你會怎麼做？你需要身份證嗎？還是隻能通過課程來完成？我想找到一個乾淨的做法。感謝很多提前

來源

2012-04-07 alexx0186

$('.container').each(function(i, obj){ 
    var children = $(this).find('.child').length; 
    $('<p>' + children + ' elements.</p>').appendTo($(this)); 
});

來源

2012-04-07 16:21:27

您好感謝您的答覆。那爲我做了。那麼「我」和「obj」呢？他們沒有使用。感謝您的幫助 – alexx0186 2012-04-07 16:48:06

沒問題。傳遞給'$ .fn.each'中函數參數的兩個參數是（1）索引號和（2）被操作的元素（相當於'this'）。我真的只是把他們排除在習慣之外。 – 2012-04-07 16:59:02

使用。長度來獲得它的源

例如個性化......

alert($('.container').children().length);

來源

2012-04-07 16:23:15 Dasarp

下面是一個簡單的例子，應該處理你在找什麼

jQuery的

<script> 
    $(function(){ 
     $('.container').each(function(){ 
      var count=0,child=$(this).find('.child'); 
      if(child.length>0) { 
       count++; 
       child.each(function(){ 
        $(this).text('This is child number '+count); 
        count++; 
       }); 
      } 
     }); 
    }); 
</script>

HTML

<div class="container"> 
    <div class="child"></div> 
    <div class="child"></div> 
    <div class="child"></div> 
    <div class="child"></div> 
</div> 
<div class="container"> 
    <div class="child"></div> 
    <div class="child"></div> 
</div>

來源

2012-04-07 16:30:24 faino

檢查這個fiddle

你並不需要額外的東西給上面的HTML結構

$('.container').each(function(){ 

    $(this).prepend('<label> No of children:' 
        +$(this).find('div.child').size() 
        +'</label>'); 
    });

來源

2012-04-07 16:46:09 sakhunzai

如何計算一個班級的div，即一個班級的集裝箱div的孩子？

回答

相關問題