Question

我需要计算电子商务商店的给定产品页面上的视频缩略图数量，然后在特定HTML元素的同一页面上输出此数字。

期望的结果是＆＃39;视频＆＃39;选项卡旁边会有视频数量。即视频17

我曾尝试使用.length（）和.append（）来实现这一目标，但我正在制作电视剧。我有大约1.5天的jQuery经验，所以我知道我在这里做错了。

 $document().ready(function(){
        var numvids = $('.videos').length;
        $('.countvids').append("<p>"+numvids+"</p>");
        });

I've set up a JSFiddle

非常感谢任何帮助。谢谢！

Answer 1

在Jquery中 $（）是一个选择器，如果你说：

 $(document).ready(function(){

    });

这意味着当我的文档在浏览器上完成加载时执行该函数内的块，但你写的是：

$document().ready(function(){
...
});

语法错误，在jquery中无效。

这应该与长度：

一起使用

 $(document).ready(function(){
        var numvids = $('.videos').length;
        $('.countvids').append("<p>"+numvids+"</p>");
        });

或者您可以使用尺寸（）：

$(document).ready(function(){
            var numvids = $('.videos').size();
            $('.countvids').append("<p>"+numvids+"</p>");
            });

这里是Fiddle DEMO

你的代码是这样的：

$document().ready(function(){
        var numvids = $('.videos').length;
        $('.countvids').append("<p>"+numvids+"</p>");
        });

这是错误的

您还需要在页面中包含查询脚本文件。

你可以像在线一样在网上加入：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js" ></script>

Answer 2

请参阅更新的小提琴。

唯一的错误是您没有包含Jquery链接和/或

 $(document).ready(function(){

http://jsfiddle.net/65BrR/4/

Answer 3

$ document（）不是jquery的正确语法，它的$（文档）

希望如此解决你的问题！

$(document).ready(function(){
     var numvids = $('.videos').length;
     alert(numvids );
     $('.countvids').append("<p>"+numvids+"</p>");
});

Answer 4

您的错误是引用了一个名为$document的不存在的全局函数，而不是调用$(document)。 实际情况是，如果之前有代码，那么您的代码将会按原样运行：

var $document = $(document).ready;

但这纯粹是为了娱乐而且不是很实用或可读的代码：）

使用文档就绪的快捷方式语法

你真的想使用更短的jQuery快捷方式。而不是$(document).ready(function() {YOUR CODE HERE});使用$(function(){YOUR CODE HERE});

e.g。

$(function(){
     var numvids = $('.videos').length;
     alert(numvids );
     $('.countvids').append("<p>"+numvids+"</p>");
});

这导致代码更短，并且变得如此普遍，您可能会习惯它：）

使用jQuery计算Document中匹配元素的数量

4 个答案:

使用文档就绪的快捷方式语法

e.g。