javascript - 使用正则表达式匹配的过滤功能

Question

我正在尝试获取 id check-button_n 的所有按钮，其 n 在 0 到 20 范围内，并对它们执行单击操作。

我为此使用了以下代码:

$('button').filter(function () {this.id.match(/^check-button_/)}).click();

但是它不起作用。即使 id 返回 check-button_0、check-button_1 等，匹配也始终返回 null。谁能帮助我理解我做错了什么？或者，谁能告诉我如何按照前面的说明提取具有匹配 id 的所有按钮并执行单击操作？

在tpl中:

查看 谢谢!

我是 javascript 和 jquery 新手，所以详细的解释将不胜感激! :)

Answer 1

However it is not working. the match always returns null even though the id returns check-button_0, check-button_1, etc.

您需要在过滤器的回调中返回匹配项

$('button').filter(function () { return this.id.match(/^check-button_/)});

或者简单地使用属性开始于选择器 ^=

$('button[id^="check-button_"]');

Alternatively, can anyone tell me how to extract all buttons wit the matching id as explained before and perform click on them?

$('button[id^="check-button_"]').each( function(){
   var id = +this.id.substring( "check-button_".length ); //13 is the length of `check-button_`
   if ( id >= 0 && id <= 20 )
   {
      $(this).click();
   }
})