使用jquery計數div和輸出

我想自動計算div類與「.item」類的數量。之後，我想讓jQuery在.item內的另一個div中輸出數字，類名爲「.itemnumber」。所以我想讓第一個div輸出「1」，第二個div輸出「2」，依此類推。我知道如何計數，但我不知道如何輸出搜索分區的數量。使用jquery計數div和輸出

任何幫助表示讚賞！

來源

2012-03-20 Don Munter

[請接受您的問題的答案！]（http://stackoverflow.com/faq#howtoask） – 2012-03-20 11:42:15

怎麼是你？

有可能是一個更優化的解決方案，但嘗試這個辦法：

var count = $('div.item').length; //Get all items with class "div", which returns an array... so you just use the "length" to get the total count. 

$('div.item').each(function(k,v){ //.each takes a first argument which is a function, and this function takes 2 arguments "k"ey and "v"alue. 
    //v in this case is the div, so: 
    $('.itemnumber',v).html('Div #' + String(k+1)); 
});

讓我知道，如果有任何疑問。

乾杯！

來源

2012-03-20 11:39:21 fsodano

完全做到了這一招！太棒了，謝謝你。你是否也知道如何在前9個項目前加上「0」。所以我得到01，02 ... 08，09，10，11 – 2012-03-20 11:43:17

很高興工作。至於填充你的電話號碼，快速的解決辦法是實現這個功能： http://www.electrictoolbox.com/pad-number-two-digits-javascript/ 不過，我不建議使用PHPJS.org的功能str_pad是這樣的： http://phpjs.org/functions/str_pad:525 這將允許你使用str_pad的全部功能，而不僅僅是2位數字。乾杯！ – fsodano 2012-03-20 12:02:59

順便說一下，請記住，var「count」根本沒有被使用，我只是把它放在那裏，以防您事先知道類「item」的div的總數。 – fsodano 2012-03-20 16:57:40

<div class="item"> 
    <div class="itemnumber"></div> 
</div> 

<div class="item"> 
    <div class="itemnumber"></div> 
</div>

如果你的HTML是這樣的（在猜測），那麼就沒有理由來算的元素，你會簡單的做到這一點：

$.each(".item", function(i, val) { 
    $(this).find(".itemnumber").text(i) 
});

來源

2012-03-20 11:38:17

這並沒有工作，它只輸出項目的數量 – 2012-03-20 11:43:52

使用jquery計數div和輸出

回答

相關問題