将 HTML 集合减少为仅满足特定条件的元素

巴切维奇

labelsHTML 集合减少到仅那些textContext属性值与text_criteria数组中的任何字符串匹配的元素的最优雅方法是什么?

var labels = document.getElementsByClassName('some-class-name')
var textContent_criteria = ['Description', 'Category', 'Department', 'Justification']

我可以用多个 for 循环来做到这一点,但更喜欢受函数式编程启发的解决方案。

某些表演

您可以使用.call以下Array.prototoype.filter功能:

var labels = document.getElementsByClassName('some-class-name');
var textContent_criteria = ['Description', 'Category', 'Department', 'Justification'];
var matchingLabels = Array.prototype.filter.call(
  labels,
  ({ textContent }) => textContent_criteria.includes(textContent)
);

console.log(matchingLabels);
<div class="some-class-name">Description</div>
<div class="some-class-name">Bad Description</div>
<div class="some-class-name">Category</div>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

将满足特定条件的scipy.sparse矩阵行设置为零

来自分类Dev

每天满足特定条件的时间后将数据帧设置为true

来自分类Dev

将数据集合映射到 HTML 元素

来自分类Dev

将 HTML 集合输出为列表 JavaScript

来自分类Dev

满足PHP条件时,将类添加到html元素

来自分类Dev

将断点设置为html元素?

来自分类Dev

AngularJS仅显示满足特定条件的元素

来自分类Dev

将HTML.App导入为HTML

来自分类Dev

将textarea环绕HTML元素

来自分类Dev

将JSON渲染为HTML

来自分类Dev

将PDF填充为HTML

来自分类Dev

将JSON渲染为HTML

来自分类Dev

将HTML重写为Javascript

来自分类Dev

将输出显示为html

来自分类Dev

将满足特定条件的列复制到新工作表

来自分类Dev

如果将HTML中的<title>元素写为<title />,则该元素将阻止HTML的加载

来自分类Dev

将pandas数据框渲染为html,突出显示特定元素

来自分类Dev

将 XML 处理为 JSON 并在 HTML 中显示特定元素的问题

来自分类Dev

在R中:如何将符合特定条件的值设置为特定值

来自分类Dev

仅使用else if语句嵌套,将const值分配给特定条件

来自分类Dev

将条件打开的html元素转换为haml

来自分类Dev

将条件放在HTML的下拉菜单元素中

来自分类Dev

使用jQuery根据条件将样式设置为html标签

来自分类Dev

使用jQuery根据条件将样式设置为html标签

来自分类Dev

无法将data-id设置为HTML元素

来自分类Dev

Concat 2将元素创建为html属性

来自分类Dev

jQuery.contents()将每个元素获取为HTML / STRING

来自分类Dev

JavaScript将数组元素分类并输出为HTML

来自分类Dev

无法将变量设置为html元素属性