jQuery自定义插件元素计数器

时间:2016-02-15 05:37:07

标签: jquery jquery-plugins

我正在创建jQuery插件,它计算DOM中有多少元素。

这是我到目前为止所做的。

jQuery插件

$.fn.count = function(i) {
  return this.each(function() {
    ++i;
    return i;
  });
}

HTML

<!DOCTYPE html>
<html lang="en">
<body>
  <p>Sample text.</p> 
  <p>Sample text.</p>
  <p>Sample text.</p>      
</body>
</html>

运行插件

console.log($("p").count());

错误

inspect element

预期输出

3

插件中缺少什么?在此先感谢:)

1 个答案:

答案 0 :(得分:1)

在你的插件中,你正在返回this我:除了<p>之外什么都没有删除。

$.fn.count = function () {
    var j = 0;
    this.each(function () {
        ++j;
    });
    return j;
}

为什么不使用length属性来查找dom中的元素数。