jQuery选择以word为前缀并以计数器为后缀的＃id

Question

是否有一种方法可以选择带有前缀“my”和后缀“0-9”的jQuery的所有id。 就像这些$（“＃我的$ 1-4”）或只是可能与循环？

<div id="my1"/> 
    <div id="my2"/> 
    <div id="my3"/> 
    <div id="my4"/> 
    <div id="my5"/> 

Answer 1

的第一个想法，这似乎运作良好：

$('div[id^="my"]').filter(
    function(){ 
     return this.id.match(/\d+$/); 
    }); 

JS Fiddle demo。

上述选择所有div元件，其id开始与值my，然后过滤返回的元素到那些id也与数字字符结束。

参考文献：

• attribute-starts-with selector。
• filter()。
• Regular Expressions, at Mozilla Developer Network。

Answer 2

前缀部分是与attribute starts-with选择容易实现的：

$("div[id^=my]"); 

但没有选择，这将允许你指定一个字符范围，这样的循环将不得不参与其中。我建议filter：

$("div").filter(function() { 
    return /^my\d$/.test(this.id); 
}); 

Answer 3

假设你没有数以百万计的元素，与“我”，你可以做启动：

$('[id^=my]').filter(function() { return this.id.matches(/\d/) && this.id.length == 3 }) 

这抓起有开头的ID的所有要素“我的”，包含一些，只有3个字符长（所以“my54”不会匹配，但“my6”会）