javascript - jQuery 类名之间有任意数字

Question

我花了大约 4 个小时来搜索和更改这一小部分代码，以便能够匹配我的 classname。

我的页面代码充满了 classnames 就像这样“option-274-82”

我的 jQuery 函数有时会尝试匹配任何要显示的 div，并且必须是这样的:

"option-" + ANYNUMBER + "-" + ID

jQuery('.option-274-'+id+' dd').fadeIn();

据我了解，“274”只是一个控制值，必须是正则表达式。

非常感谢您阅读我的问题。

Answer 1

使用 filter()，您可以返回所有匹配正则表达式 ^option-\d+-\d+$ 的 div。

$('div')
    .filter(function() {
        return this.className.match(/^option-\d+-\d+$/);
    })
    .fadeIn(2000);

.option-1-2, .option-1-a {
  width: 100px;
  height: 100px;
  background: #555;
  display:none;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="option-1-2"></div>
<div class="option-1-a"></div>