Question

我想自动计算类“.item”的div数。之后，我希望jQuery在.item中的另一个div中输出数字，类为“.itemnumber”。所以我希望第一个div输出“1”，第二个div输出“2”，依此类推。我知道如何计算，但我不知道如何输出earch div的数字..

感谢任何帮助！

Answer 1

<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)
});

Answer 2

你好吗？

可能有更优化的解决方案，但请尝试以下方法：

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));
});

如果有任何疑问，请告诉我。

干杯！

用jquery和输出计算div

2 个答案: