jQuery Chọn # id có từ là tiền tố và truy cập dưới dạng hậu tố

Question

Có cách nào để chọn tất cả id với jQuery có tiền tố "my" và hậu tố "0-9" hay không. Một cái gì đó như thế này $ ("# $ 1-4" của tôi) hoặc là nó chỉ có thể với một vòng lặp?

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

Answer 1

suy nghĩ đầu tiên, mà dường như làm việc tốt:

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

JS Fiddle demo.

sẽ chọn trên tất cả các yếu tố mà divid bắt đầu với giá trị my, và sau đó lọc các yếu tố trở lại những người có idcũng kết thúc với ký tự số.

Tài liệu tham khảo:

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

Answer 2

Phần tiền tố là dễ dàng đạt được với một selector attribute starts-with:

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

Nhưng không có chọn này sẽ cho phép bạn chỉ định một loạt các nhân vật, do đó, một vòng lặp sẽ phải tham gia. Tôi sẽ đề nghị filter:

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

Answer 3

Giả sử bạn không có triệu yếu tố bắt đầu bằng "của tôi", bạn có thể làm:

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

này lấy tất cả các yếu tố đó có một id bắt đầu bằng "tôi", chứa một số và chỉ dài 3 ký tự (vì vậy "my54" sẽ không khớp nhưng "my6" sẽ)