Loading [MathJax]/jax/output/CommonHTML/config.js

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

社区首页 >问答首页 >多值数据属性值的搜索

问多值数据属性值的搜索
EN

Stack Overflow用户

提问于 2017-09-28 02:53:45

回答 1查看 38关注 0票数 0

对于具有多值的数据属性，我有一个问题。

我有一个有台阶的表格。在第一步中，我有一个节点：

<div id="step-0">
 <input id="nd1" type="radio" name="ordernode" value="val1">
 <input id="nd2" type="radio" name="ordernode" value="val2">
</div>

如果用户设置了第一个值，则使用data-node nd1的另一个步骤(到此id)将具有class activated。

<div id="step-1" class="step" data-node="nd1">
 Step 1
</div>
<div id="step-3" class="step" data-node="nd1">
 Step 3
</div>

所以对于另一个节点。但是有一些属于node 1和node 2的步骤。我不想创建与相同的、node 1和node 2，这就是为什么我尝试添加data-node属性2的原因，比如

<div id="step-4" class="step" data-node="nd1,nd2">
    Step 4
</div>

这个步骤属于node 1和node 2。

没有data-node属性在JQuery中的多个值，我有

var nodeActive = $(this).find('input').attr('id');
$(this).parents('.sof_body').find('[data-node="'+nodeActive+'"]').addClass('activated');

它工作得又快又好，我没问题。但是对于多个值，我必须在每个步骤中搜索data-node属性，并尝试在字符串中查找节点id，如

var nodeActive = $(this).find('input').attr('id');
$(this).parents('.sof_body').find('.step').each(function(){
  var nodesBe = $(this).data('node');
  if (nodesBe.indexOf(''+nodeActive+'') >= 0){
      $(this).addClass('activated');
  }
});

这个函数也能工作，但比第一次要慢，这会导致另一个函数出现许多问题，后者会在这个函数之后调用。

我的问题是，是否有另一种方法可以实现对多个值的搜索功能，使之不需要each function，或者使其变得更快？

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2017-09-28 02:56:30

您可以通过使用属性包含选择器来减少目标元素，为了精确匹配，可以使用.filter()

var nodeActive = $(this).find('input').attr('id');
$(this).closest('.sof_body').find('.step[data-node*=' + nodeActive + ']').filter(function () {
    return $(this).data('node').split(',').indexOf(nodeActive) > -1;
}).addClass('activated');

票数 0

EN

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/46467382

复制

相关文章

白话Elasticsearch04- 结构化搜索之使用terms query搜索多个值以及多值搜索结果优化

java https 网络安全 Elasticsearch Service html

https://www.elastic.co/guide/en/elasticsearch/reference/6.4/query-dsl-terms-filter.html

小小工匠

2021/08/17

8550

computed计算属性值是函数的监控的数据

http 缓存其他

computed 页面重新渲染时，不会重复计算，而 watch 会重新计算，所以 computed 性能更高些。

用户7365393

2021/10/06

9560

生物领域的大数据有多值钱？

作者：Chientung 摘自：36氪网站：www.36kr.com 近日，著名制药企业 Genentech 向 23andMe 注资 6000 万美金，用于分享后者的帕金森氏症患者的基因组数据。

大数据文摘

2018/05/21

7860

生物领域的大数据有多值钱？

大数据数据库

近日，著名制药企业 Genentech 向 23andMe 注资 6000 万美金，用于分享后者的帕金森氏症患者的基因组数据。 23andMe 是一家好公司，Anne Wojcicki 也被认为是一位好科学家。但基因技术涉及人类隐私以及令很多科研工作者头疼的伦理问题，这导致 23andMe 开展业务并没有想象中那么顺利。 2013年11月，FDA 叫停了 23andMe 与健康有关的数据解读服务，虽然这意味着消费者依然可以拿着数据找懂行的从业者解读，这项禁令的确“减缓了我们新客户的增长速度”。作为一家

大数据文摘

2018/05/23

6840

transition属性值

https 网络安全

transition-property是用来指定当元素其中一个属性改变时执行transition效果，其主要有以下几个值：none(没有属性改变)；all（所有属性改变）这个也是其默认值；indent（元素属性名）。当其值为none时，transition马上停止执行，当指定为all时，则元素产生任何属性值变化时都将执行transition效果，ident是可以指定元素的某一个属性值。其对应的类型如下：

全栈程序员站长

2022/11/17

1.5K0

input的属性值_input标签常用的属性

java https 网络安全

大家好，又见面了，我是你们的朋友全栈君。 <input name=”txtPwd” type=”password” maxlength=”20″ id=”txtPwd” class=”lg_input” οnpaste=”return false;” οncοntextmenu=”return false;” οncοpy=”return false;” oncut=”return false;”>

全栈程序员站长

2022/09/21

4.4K0

Flex反射得到属性和属性的值

actionscript json java

今天要写一个生成json的方法，目的是将VO对象中的所有公共属性和值转换成一个json对象，这个类中20多个属性，手动拼的话，是个体力活，并且有其它的对象也要转成json，还要手动拼，脑袋里最先想到的就是反射。

高爽

2022/05/07

1.7K0

反射获取属性字段及属性值

上篇文章我们可以通过自己的类加载器加载指定类了，在获取指定类后我们需要拿到类属性名称及类属性的值。获取属性字段： public static List<Field> getFields(String

春哥大魔王

2018/07/23

4.3K0

如何在Vue实例中修改message数据属性的值？

message 函数生命周期事件数据

在 Vue 实例中修改 message 数据属性的值，可以通过多种方式实现，取决于你希望在哪个上下文中进行修改。

王小婷

2023/09/21

3200

遍历类的属性和值，取两个类的同一属性的不同值。

try { Field[] fields = college.getClass().getDeclaredFields(); Field[] fieldsOld = collegeOld.getClass().getDeclaredFields(); for (int i = 0; i < fields.length; i++) { Field field = fields[i]; field.setAccessible(true);

qubianzhong

2018/09/19

2K0

Spring-引用Bean的属性值

java spring xml 数据库 sql

将应用系统的配置信息存放在配置文件中并非总是最合适的，如果应用以集群的方式部署，或者希望在运行期动态调整引用的某些配置，这时，将配置信息放到数据库中不但方便集中管理，而且可以通过应用系统的管理界面动态维护，有效增强应用系统的可维护性。

小小工匠

2021/08/16

7300

CSS3的属性值inital

属性值inital是指CSS规范（CSS specifications）指定的值。例如规范中定义： display 的 inital 值为 inline； color 的为 black； float 的为 none。则如下的代码

前端GoGoGo

2018/08/27

9630

[C#] winform显示对象的属性和值

一个电能表<见楼下>实体类大致如下所示: public class ElectricMeterVariable { /// <summary> /// 相电压数据，单位 0.1V /// </summary> [Category("相电压数据")] [Description("相电压数据，单位 0.1V")] public string Ua { get; set; } ///

科控物联

2022/03/29

3K0

[C#] winform显示对象的属性和值

CSS3的属性值unset

属性值unset的值为：如果该样式是能被继承的，则其值为继承的值；如果该样式是不能被继承的，则其值为CSS规范（CSS specifications）指定的值。

前端GoGoGo

2018/08/27

7830

js的attr用于设置属性值

css attr display 布局框架

$("#collapseExample").attr("display","none"); collapseExample 可能是 Bootstrap 框架中的一个折叠元素（Collapse），当点击某个触发器时，该元素会显示或隐藏。

用户9131103

2023/07/17

6330

jQuery 文本属性值

html jquery 网站

jQuery的文本属性值常见操作有三种：html() / text() / val() ; 分别对应JS中的 innerHTML 、innerText 和 value 属性。

星辰_大海

2020/10/09

2.5K0

jQuery 文本属性值

html jquery 网站

jQuery的文本属性值常见操作有三种：html() / text() / val() ; 分别对应JS中的 innerHTML 、innerText 和 value 属性。

梨涡浅笑

2022/05/08

3K0

jQuery 文本属性值

jQuery的文本属性值常见操作有三种：html() / text() / val() ; 分别对应JS中的 innerHTML 、innerText 和 value 属性。

清出于兰

2020/10/26

1.7K0

点击加载更多

相似问题

多值数据的弹性搜索查询

10

JCR SQL2多值属性搜索

11

我可以搜索多值属性中只有**某些值的条目吗？

21

如何对多值属性执行LDAP搜索

22

在Solr多值搜索中搜索严格值

10

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例