jquery: find element whose id has a particular pattern
I am trying to find a span element who has an id in a particular pattern. Its main use is to find certain elements rendered by an asp.net (aspx) page which is derived from a master page.
Building on the accepted answer:
It depends on what kind of pattern you're looking for. If your pattern is something like "MasterPageElement_CheckBox_4443", "MasterPageElement_CheckBox_4448", etc. then you could also use:
$("span[id^=MasterPageElement_CheckBox]")
There are 3 built-in attribute selectors for simple patterns:
$("span[id^=foo]")
That selector matches all spans that have an id
attribute and it starts with foo
(e.g. fooblah
)
$("span[id$=foo]")
That selector matches all spans that have an id
attribute and it ends with foo
(e.g. blahfoo
).
$("span[id*=foo]")
That selector matches all spans that have an id
attribute and it has foo
somewhere within in it (e.g. blahfooblah
).
$('span').each(function(){
if( $(this).attr('id').match(/pattern/) ) {
// your code goes here
}
});
problem solved.