jquery - 用位置值计算元素，乘以匹配元素的数量

Question

我在弄清楚如何获取与值匹配的元素数量时遇到了一些麻烦。这是我的粗略代码：

var $numElements = $('#casestudy-content article').length;
console.log($numElements);
$('#casestudy-content article').each(function() {
    var $leftElements = $(this).position().left;
    if ( $leftElements === 0 ) {
        console.log($leftElements);
    }
});

所以我可以计算总共有多少元素。我可以找到位置为 0 的元素......但我不知道如何计算返回 0 的元素。我需要找到多少元素 = left: 0; 并将其乘以一个数字。有什么建议么？

谢谢，

Answer 1

你可以使用filter方法。

var len = $('#casestudy-content article').filter(function() {
               return $(this).position().left === 0
          }).length

Answer 2

var leftAlignedElements = 0;
$('#casestudy-content article').each(function(){
   if($(this).position().left === 0){
      leftAlignedElements++;
   }
});

console.log(leftAlignedElements);