javascript - jQuery Select # 接頭辞として単語、接尾辞としてカウンターを持つ id

Question

プレフィックス「my」とサフィックス「0-9」を持つjQueryですべてのIDを選択する方法はありますか? これらの $("#my$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 フィドルのデモ。

上記は、値で始まるすべてのdiv要素を選択し、返された要素を数字で終わる要素にフィルターします。idmyid

参考文献:

• attribute-starts-with セレクター.
• filter().
• 正規表現、Mozilla Developer Network。

Answer 2

プレフィックス部分は、属性の開始文字セレクターを使用して簡単に実現できます。

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

ただし、文字の範囲を指定できるセレクターがないため、ループを使用する必要があります。私はお勧めしfilterます：

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

Answer 3

「my」で始まる要素が何百万もないと仮定すると、次のことができます。

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

これは、「my」で始まる ID を持ち、数字を含み、長さが 3 文字しかないすべての要素を取得します (したがって、「my54」は一致しませんが、「my6」は一致します)。