javascript - 计算数量进入一个div并在某处发布，js

Question

- - - - 编辑 - - - - - -

这个作品！

<script type="text/javascript">
     $(document).ready(function() {
       $('.ammount-reclame').text($("#count-reclame li").length)
       $('.ammount-portret').text($("#count-portret li").length)
       $('.ammount-reportage').text($("#count-reportage li").length)
     });
</script>

<ul> 
    <li>
        <div class="number">
            <div class="ammount-reclame"> </div> images
        </div>
    </li>

    <ul id="count-reclame" class="hidden">
        <li><a href="assets/images/portfolio/dummy/background_1.jpg">x</a></li>
        <li><a href="assets/images/portfolio/dummy/background_4.jpg">x</a></li>
        <li><a href="assets/images/portfolio/dummy/background_5.jpg">x</a></li>
    </ul>

    etc..

</ul>

- - - - 编辑 - - - -

我需要输出一个数字，我有几个带有图像的 div，如下所示。我不太擅长javascript，也许有人可以帮助我？

<div class="fl ammount-pizza">//pizza number here = 3//</div>
<div class="fl ammount-cheese">//cheese number here = 2//</div>
etc..

<div id="count-pizza" class="hidden">
  <li><img src="" /></li>
  <li><img src="" /></li>
  <li><img src="" /></li>
</div>

<div id="count-cheese" class="hidden">
  <li><img src="" /></li>
  <li><img src="" /></li>
</div>

etc..

我在想这样的事情：

<script type="text/javascript">
    $(document).ready(function() {
      $("#count-pizza li").length,
        show count at div.class= ammount-pizza;

      $("#count-cheese li").length,
        show count at div.class= ammount-cheese;
    etc..

    });
</script>

或者，也许可以通过使用唯一的 id 名称并在同一个类名上输出来缩短几行？类名和 ID 可以具有上述其他名称。

Answer 1

尝试

$(document).ready(function() {
    $('.ammount-pizza').text($("#count-pizza li").length)
    $('.ammount-cheese').text($("#count-cheese li").length)
});

您的 html 也是无效的，该li元素必须在其中一个ol或ul元素内。

前任：

<ul id="count-pizza" class="hidden">
  <li><img src="" /></li>
  <li><img src="" /></li>
  <li><img src="" /></li>
</ul>