Javascript jQuery:使用regex查找选择器

Javascript jQuery:使用regex查找选择器,javascript,jquery,regex,Javascript,Jquery,Regex,我试图找到一个类似于color-1或color-99的选择器。单词“color”后跟一个连字符,后跟一个或两个任意值的数字 REGEX完全在逃避我,它让我很生气。以下是我所拥有的: $(document).on({ mouseenter: function () { //stuff to do when mouse enters }, mouseleave: function () { //stuff to do when mouse le

我试图找到一个类似于
color-1
color-99
的选择器。单词“color”后跟一个连字符,后跟一个或两个任意值的数字

REGEX完全在逃避我,它让我很生气。以下是我所拥有的:

$(document).on({
    mouseenter: function () {
        //stuff to do when mouse enters
    },
    mouseleave: function () {
        //stuff to do when mouse leaves
    }
}, ".color-\\S*")
实际上,它只找到一个数字选择器,如
color-1
color-9

如果我使用最后一位
“.color-\\d\\d”
,它会找到“color-22”和其他两位数的颜色


我尝试过的不起作用的事情:

“.color-[1-9][0-9]?”

“.color-[0-9]{1,2}”

“.color-\\d+”

“a[class |='color']”

“a[class^='color-']”

我该怎么做?这是一把小提琴。现在,我使用两个选择器来查找所有内容,但这有点违背了正则表达式的观点,不是吗


我很惊讶
“a[class^='color-']”不起作用,或者它匹配得太多了?你真的不应该这样做。给他们一个CSS类,然后将数字作为数据属性添加。@meagar每个类都有一个用途。它代表了与主题不同的颜色。每种颜色都有多个实例,当我将鼠标悬停在一个特定实例上时,我希望高亮显示所有系列。数据属性在这里对我没有帮助。我很惊讶,
“A[class^='color-']”不起作用,或者它匹配得太多了吗?你真的不应该这样做。给他们一个CSS类,然后将数字作为数据属性添加。@meagar每个类都有一个用途。它代表了与主题不同的颜色。每种颜色都有多个实例,当我将鼠标悬停在一个特定实例上时,我希望高亮显示所有系列。数据属性在这里对我没有帮助。