Question

How can I match something using jquery that is set up as such:

• id=”intersection_resources_4_5″ // hit
• id=”intersection_content_6_5″ // hit
• id=”intersection_content_4_3″ // not

I want to do something like:

$("div:regex(id, intersection_*_*_5)").each(function(){
    $(this).click();
});

Is this doable? Assuming, the * is a wildcard, which I cannot seem to get to work.

Answer 1

If you don’t want a plugin, and you don’t want to create your own selector filter, do this:

$("div[id^=intersection]").filter(function() {
    var header = this.id.substr(13); 
    var regex = new RegExp('_[a-zA-Z]+_\\d+_' + header + '$');
    return regex.test(this.id);
}).click();

It would be best if your <div> elements had a class in order to improve performance.

Something like:

$("div.intersection[id^=intersection]")...