统计data属性不等于一定数量的类的数量
JQuery Count number of classes where data attribute does not equal a certain number
我有一段代码来循环创建行,如下所示
<div class='link' data-job_id='123456'>
<div class='holder'>
<img class=q1 src='first_image.jpg' data-status='1' data-image='1' alt='first_image' />
<img class=q1 src='second_image.jpg' data-status='4' data-image='2' alt='second_image' />
</div>//end holder
</div>//end link
<div class='link' data-job_id='456789'>
<div class='holder'>
<img class=q1 src='first_image.jpg' data-status='2' data-image='1' alt='first_image' />
<img class=q1 src='second_image.jpg' data-status='7' data-image='2' alt='second_image' />
</div>//end holder
</div>//end link
....etc (this has been greatly simplified)
我遇到的问题是计算link
类的数量,其中data-status
不等于4,data-image
值为2。
var links = $('.link q1').filter(function() {
return $(this).data('status') != '4' && $(this).data('image') == '2';
}).length;
相关文章:
- jQuery可以't获取data-*属性值,返回undefined
- 为什么toStaticHTML删除data-*属性
- 访问HTML中的data-*属性并将其作为道具传递
- 如何使用jQuery选择具有特定data-属性的元素?价值无关紧要
- Javascript个性测试使用'这'和data-*属性
- 使用script元素上的html data-*属性来配置引用的脚本文件
- 将Data属性添加到元素,并从字符串中动态添加值
- 追加并替换data-*属性URL的查询字符串值
- 将变量从data属性传递给onclick函数
- “data-”属性作为超链接的一部分.HTML 到 JavaScript
- 在 React 组件中检索自定义 data-* 属性值(无事件)
- Javascript data-* 属性计算器
- Javascript 获取动态设置 data-* 属性
- 我想使用 jQuery 在 html 中使用 data-* 属性将占位符设置为文本框
- 如何监视 jQuery 中主体“data”属性何时更改
- jQuery - aria-controls vs data 属性来识别/选择 DOM 元素 - 这是首选方法
- 如何查找具有相同 data-* 属性的元素并删除重复项
- 有没有一种简单/快速的方法将“data-”属性映射到大小写混合的属性名称
- 多个 html data-* 属性和 js 函数不起作用
- 如何在 switch 语句中捆绑“data-”属性的大小写