javascript - jQuery 通过其中包含多个标识符的数据属性选择 DOM 元素

Question

注意:这不是按数据属性查询的基本问题

我遇到的问题是我有这样的某些元素:

<div data-step="1, 4">

我已经弄清楚如何遍历每个 [data-step] 并提取 1、4 并为它们创建事件等。

假设我正在尝试查询并获取这个确切的数据步骤，但我得到的只是:4

$('[data-step="4"]') 
// this won't work of course

$('[data-step="1, 4"]')
// obviously this will work, but at this point I'm only given the index
// which will only be ONE of these numbers

基本给出了(为了举例，4)我怎样才能轻松查询选择器出去抓取[data-step="1, 4"]？

我所能想出的只是一个循环，它遍历每个数据步骤，去除所有内容并查看是否存在匹配项。是否有更简单的方法？

Answer 1

~= 将找到具有属性的元素，该属性的值包含给定的单词，由空格分隔。也适用于您的情况。

$('[data-step~="4"]')

*= 将找到具有包含给定子字符串的值的属性的元素。

$('[data-step*="4"]')