获取数组中的每个第 n 项

2024-02-26

我有一个 HTML 元素数组。我正在检查数组中的前一个对象是否存在,如下所示:

var boxes = $('.box'); // creating the array

boxes.each(function(i){ // going through the array
    var prevBox = i>0?$(boxes[i-1]):false; // check whether a previous box exists
    if (prevBox) { } // do something
    else { } // do something else
});

这效果很好。但我还需要检查数组中每四个对象(框)是否存在,或者更准确地说,当前对象之前三个对象是否存在。

这不起作用:

var prevBox = i>0?$(boxes[i-4]):false;

我相信使用jQuery.grep()并检查是否(i % 4) == 0可能是答案,但由于我对 Javascript 的了解有限,我不知道如何将其应用到我现在所拥有的内容中。

有人可以帮忙吗?谢谢!


不能只用for循环吗?

for ( var i=0; i< boxes.length; i+=4 )
  {
    // do stuff with boxes[i]
  }

我对 JQuery 不太感兴趣,但在常规 JavaScript 中,它可以很好地工作。

编辑:您已经在某种程度上重新描述了问题,因此您想对每个项目采取行动,但对第四个项目做一些具体的事情......

var previousTop;
for ( var i=0; i< boxes.length; i++ )
  {
    // do stuff with boxes[i]
    if ( ( (i+1) % 4 ) === 0 )
      {
          previousTop = boxes[i].position.top;
          // do stuff with the fourth item
      }
  }

这里涉及的范围更广previousTop然后,在您执行其他需要执行的操作之前,每四个项目都会设置一次。然后,当您到达下一个第四个元素时,您的临时变量中将包含前一个元素的值,这听起来与您从下面对 @patrick dw 的答案的响应中寻找的内容类似。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

获取数组中的每个第 n 项 的相关文章

  • 尝试注册 RCTBridgeModule 类 RCTFileReaderModule

    尝试为名称 FileReaderModule 注册 RCTBridgeModule 类 RCTFileReaderModule 但该名称已由类 FileReaderModule 注册 尝试使用命令react native run ios在i
  • 未捕获的类型错误:无法读取未定义的属性“prop”

    我有 6 个输入复选框 如果选中的复选框超过 3 个 则最后一个复选框将被取消选中 为了更好地理解 请参阅我之前的question https stackoverflow com questions 35195235 if checkbox
  • 是否可以进行条件解构或有后备?

    我有一个具有许多深层嵌套属性的对象 我希望能够访问 MY KEY 上的属性 如下 但如果该属性不存在 则获取 MY OTHER KEY 我怎样才能做到这一点 const X Y MY KEY Values segments segment
  • 用于传输命名参数和正文的云端点资源属性不起作用

    我正在尝试通过gapi client rpc调用实现对谷歌云端点的调用 如文档中所述 和Google Cloud Endpoints 使用 JS 客户端进行调用 传递参数和 JSON 正文 https stackoverflow com q
  • 修剪日期格式 PrimeNG 日历 - 删除时间戳、角度反应形式

    我将以下内容推入我的反应形式 obj 中2016 01 01T00 00 00 000Z但我想要以下2016 01 01 有谁知道有一个内置函数可以实现上述目的 我已经搜索过文档here https www primefaces org p
  • 如何避免 TypeScript 中出现虚假的“未使用参数”警告

    我遇到过很多次这种情况 最后决定弄清楚正确的方法是什么 如果我有一个声明方法的抽象父类 然后一些具体子类在其实现中实现真正的逻辑 并且显然使用方法参数 但某些子类不需要在该方法中执行任何操作 因此不要使用方法参数 那些不必执行任何操作的方法
  • 如何在美人鱼节点描述中添加链接?

    我想 如下图所示 div class mermaid graph TD A hello B an b important b link A gt B div 在下面添加实际链接link指向http google com 我尝试将相关节点修改
  • 如何在 Angular 2 应用程序中使 DateAdapter 单例?

    我正在开发一个带有延迟加载模块的 Angular 7 应用程序 我也使用有角度的材料组件 我想在日期选择器组件中本地化并支持多个区域设置 当应用程序语言发生变化时 我想在整个应用程序中全局更改它 可以通过 DateAdapter setLo
  • @RenderBody() 该怎么办?

    我有一个 ASP NET MVC 3 应用程序JQuery UI Tabs 我有一个主布局页面 layout cshtml 代码如下 大师 layout cshtml需要一个 RenderBody 代码 既然是必需的 那我该怎么办呢 我想我
  • 在电子生成器反应电子应用程序后,在 Windows 中出现空白屏幕

    在电子生成器反应电子应用程序后 Windows 中出现空白屏幕 这是package json 在电子生成器反应电子应用程序后 Windows 中出现空白屏幕 name SmallBusinessManagement version 0 1
  • 可选回调的 JavaScript 样式

    我有一些函数偶尔 并非总是 会收到回调并运行它 检查回调是否已定义 函数是一种好的风格还是有更好的方法 Example function save callback do stuff if typeof callback undefined
  • 如何使用 jest 通过 Promise.all 设置多次提取测试

    我在测试中使用 jest 我正在使用 React 和 Redux 并且执行以下操作 function getData id notify return dispatch gt dispatch anotherFunction Promise
  • Onblur 事件在另一个 div 的 onclick 之前触发

    如上所述 我有一个按钮 单击该按钮将打开子菜单 对于子菜单中的每个选项 都有三个元素 我认为实际上还有更多元素 但为了简单起见 将其保留为 3 我将焦点放在子菜单的主 div 白色 框架 上 Onblur 这个 div 然后我隐藏子菜单 这
  • 如何显示 GroupList 的 FormArray?

    我正在尝试制作一个交互式表单 在每一行上列出一个项目以及一个删除按钮 在我的示例中称为 verwijderen 这些项目是从数据库中检索的 并且每个项目都实例化为名为的自定义对象LaborPeriod 然后这些对象被转化为FormGroup
  • ASP.NET JQuery AJAX POST 返回数据,但在 401 响应内

    我的应用程序中有一个网页 需要调用我设置的 Web 服务来返回对象列表 这个调用是这样设置的 document ready function var response ajax type POST contentType applicati
  • 这个 JQuery 指令做什么 $(function(){...}) [重复]

    这个问题在这里已经有答案了 我最近一直在研究JQuery 尽管我知道一些东西 但书上有这样一句话我根本无法理解 function current entry 1 有谁知道这条线是如何工作的以及它的作用是什么 它类似于 JQuery 函数中的
  • 如何调试 Node.js 应用程序?

    如何调试 Node js 服务器应用程序 现在我主要使用警报调试打印语句如下 sys puts sys inspect someVariable 一定有更好的调试方法 我知道谷歌浏览器 http en wikipedia org wiki
  • 错误:模块“html”不提供视图引擎(Express)

    我正在尝试设置一个简单的路由应用程序 但在渲染页面时不断遇到错误 Error Module html does not provide a view engine 奇怪的是我已经在 app js 文件中指定了视图引擎 但仍然收到错误 app
  • 我如何用 javascript/jquery 进行两指拖动?

    我正在尝试创建当有两个手指放在 div 上时拖动 div 的功能 我已将 div 绑定到 touchstart 和 touchmove 事件 我只是不确定如何编写这些函数 就像是if event originalEvent targetTo
  • JavaScript 中“键”的类型是什么?

    当我失去焦点并开始思考一个愚蠢的问题时 我遇到了这样的时刻 var a b value b 的类型是什么 我的意思不是 值 的类型 而是标记为 b 的实际键 背景 当我必须创建一个字符串键时 我开始想知道这一点 var a b value

随机推荐

  • 强制溢出到顶部而不是底部

    我希望我的内容溢出到 div 的顶部和左侧而不是右下角 目的是当展开 div 时 内容看起来像是从顶部而不是从底部进入 CSS 有什么办法可以做到这一点吗 很像你设置的方式vertical align对于文本 我想让 div 溢出到顶部而不
  • 将父容器的平移手势交给嵌套的 UICollectionView

    我正在尝试构建一个复杂的分割视图容器控制器 该控制器有利于两个可变高度容器 每个容器都有自己的嵌套视图控制器 父控制器上有一个全局平移手势 允许用户拖动视图容器中的任意位置 并在视图之间上下滑动 分隔线 它还具有一些智能位置阈值检测逻辑 可
  • 如何为 Cosmos 数据库中的每个文档设置字段?

    将每条记录的 PumperID 字段设置为默认值的 Cosmos 存储过程会是什么样子 我们需要这样做来修复一些数据 因此该过程将访问具有 PumperID 字段的每条记录 并非所有文档都有此字段 并将其设置为默认值 假设执行一次性数据维护
  • Biztalk Log4Net [关闭]

    Closed 这个问题是基于意见的 help closed questions 目前不接受答案 有人在 Biztalk 中使用过 log4net 吗 我们目前正在考虑使用它 并试图了解它的优点 缺点 以及它是否能满足我们的需求 我已经将 L
  • Tomcat:限制 /just one/ webapp 对 localhost 的访问

    我正在运行 Tomcat 6 来为多个 Web 应用程序提供服务 其中大多数是面向公众的 但我想限制访问just onewebapp 仅允许来自本地主机的连接 我可以限制访问allwebapps 在 context xml 中使用 Valv
  • Java 7 独立应用程序中的依赖注入

    我想在大型 Java 7 独立应用程序中使用依赖注入 但我不太确定从哪里开始 我写了一个小测试应用程序 public class Main Inject MyInterface myInterface public static void
  • 如何验证PDF表单?

    我有一个用 Acrobat Professional 制作的可写 PDF 表单 我想验证数字条目是否在特定范围 a b 内 如果不是 我希望弹出一条警报 其中包含以下消息 请通过 XXX XXX XXXX 联系 Larry 以处理您的表单
  • Redis 连接因关闭事件而消失

    在我们的redis配置中 我们设置了超时 7秒 In 节点redis https github com mranney node redis我们将 Redis 连接就绪和结束事件处理为 client on ready function lo
  • CLion 无法从剪贴板粘贴正确的代码片段

    虽然在我的编程 职业生涯 中大部分时间都使用 Java 和 PHP 但我现在正在尝试更深入地学习 C 为此 我使用 CLion 作为我的 IDE 主要是因为我非常熟悉 phpStorm 和 IntelliJ IDEA 除了学习一门新语言之外
  • 有效识别字符串的一部分是否在列表/字典键中? [关闭]

    Closed 这个问题需要调试细节 help minimal reproducible example 目前不接受答案 我的列表中有很多 gt 100 000 小写字符串 其中子集可能如下所示 str list hello i am fro
  • 将Drawable转换为BLOB数据类型sqlite问题

    在这里 我附加了将图像存储在 Drawable 中并以 BLOB 数据类型传递到数据库的代码 我尝试了这个 它可以正确存储但不显示图像 Insall app db i1 new Insall app db i1 createDatabse
  • 匹配多列中的值的函数

    使用以下测试数据 df2 pd DataFrame np random randn 12 3 columns A B C thresh 3 df2 matches np where df2 A df2 B lt thresh 1 0 我创建
  • 为什么ContentObserver被多次调用?

    我有以下ContentObserver接收和写入短信的实现 但被多次调用 Code public class SMSObserverActivity extends Activity protected MyContentObserver
  • 如何在 SQL 中汇总从子级到父级的树状结构中的数据?

    我有一个查询 要求在树状结构中选择每个部门的金额 我想显示孩子们各自父母的总金额 是否可以在不使用游标的情况下将其存档在查询中 以下是要总结的数据结果集 完整的示例也可以在sqlfiddle http sqlfiddle com 4 ea0
  • 如何在 Windows Phone 应用程序中以编程方式更改堆栈面板的背景颜色?

    我只想设置背景属性堆栈面板 目前我通过以下代码设置它 statusPanel Background new SolidColorBrush Colors Cyan 但我只想设置一个十六进制值 我该怎么做 statusPanel Backgr
  • 使用 python ruamel.yaml 将内容添加到 yaml 文件时从 dict 值中删除单引号

    我有一个 yaml 文件 如下所述 test1 yaml resources name get param vname ssh keypair get param ssh keypair 现在我想在 test1 yaml 的资源下添加 te
  • 是否可以在不明确说明每个数字的情况下生成数字的联合类型?

    假设我想生成一个按比例递增的数字的联合类型 但联合中的条目数量将非常大 我可以在不显式键入联合中的每个类型的情况下生成它吗 说我有type ScaleByEight 8 16 24 32 400 我可以创建一个实用程序 可以在其中传递最小值
  • pymongo 聚合不允许解释选项

    我成功运行 result my col aggregate my pipeline allowDiskUse True 现在当我尝试时 result my col aggregate my pipeline allowDiskUse Tru
  • 链接 JavaScript (ES6) 代理对象

    我希望能够做到这一点 x where age gt 20 x calls where age gt 20 where and gt只是例子 我不知道会调用什么函数 它们可能是任何函数 并且除了填充 calls array 到目前为止 我有以
  • 获取数组中的每个第 n 项

    我有一个 HTML 元素数组 我正在检查数组中的前一个对象是否存在 如下所示 var boxes box creating the array boxes each function i going through the array va